vue的腳手架vue-cli的安裝使用(windows開發環境下)
node安裝與配置環境
你可以通過在命令列輸入node -v 安裝是否成功
新版的node是自帶npm的,可以通過npm -v 檢視版本
為了不占用c盤空間,重置npm安裝路徑(也可以不設定)
npm config set prefix "d:\develop\nodejs\node_global
"npm config
set cache "
d:\develop\nodejs\node_cache
"
如果重置了npm安裝路徑,則需要修改環境變數:
==進入環境變數對話方塊
==在【系統變數】下新建node_path值為 "你的node安裝路徑\node_global\node_modules"
==在【使用者變數】的path中新增 "你的node安裝路徑\node_global"
接下來進行vue-cli的安裝
npm install vue-cli -g //全域性安裝vue-cli
vue init webpack vue_project
//建立vue專案
cd vue_project
//進入專案目錄
npm install
//安裝相應依賴
npm run dev
//執行專案 預設開啟瀏覽器 localhost:8080
僅用於記錄學習,希望也能幫助正在學習的你!
搭建VUE腳手架 vue cli
確保node.js和npm cnpm都安裝好的情況下,檢視命令 node v npm v cnpm v,有返回版本號即為安裝成功,npm和cnpm有乙個即可,cnpm是 映象的npm,相對npm更快更穩定,配置命令 npm install g cnpm registry 在用 vue.js 構建大型...
搭建Vue腳手架(vue cli)
1.安裝node.js 安裝完成之後,開啟命令列工具 win r,然後輸入cmd 輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。c users 19565 node v v12.13.1 c users 19565 npm v 6.12.1 2.安裝webpack 開啟命令列工具...
Vue腳手架vue cli搭建
vue腳手架搭建流程 首先在node環境下使用npm或者cnpm進行vue腳手架搭建 1.安裝node環境 安裝成功後在命令列檢視node版本,如果有說明安裝成功。檢視node版本 node v 2.安裝vue腳手架工具vue cli大家在安裝node的時候,會自動安裝npm 可以先行檢視npm版本...