【VUE】腳手架專案搭建詳細流程
整理了一下VUE大型專案腳手架的搭建,和一些自己的理解,不對的地方歡迎指出!
第一步:下載NODE
下載NODE,在這裡是為了用到node裡邊的npm,node下載成功後
第二步:win + R 開啟 windows 執行視窗,輸入 cmd 開啟命令列工具
第三步:①在命令列工具裡輸入 node -v 出現版本號 說明 node下載成功
②在命令列工具裡輸入 npm -v
第四步:安裝國內映象 cnpm ,cnpm的伺服器在國內,下載速度優於npm,命令列裡輸入以下程式碼安裝cnpm
npm install -g cnpm -- registry=httos://registry.npm.taobao.org
輸入 cnpm -v 檢查國內映象cnpm是否安裝成功
如果安裝失敗,輸入 npm cache clean 清理快取後 重新安裝
第五步:使用 cnpm 安裝 vue-cli 腳手架
cnpm install -g vue-cli
輸入vue -V 檢視是否安裝成功
第六步:配置專案
vue init webpack Vue-Project
第七步:配置完成後安裝執行專案所需要的依賴
cnpm install
第八步:進入專案
cd Vue-Project (根據自身的路徑進入到專案)
第九步:執行專案
npm run dev (專案啟動)
第十步:專案完成後的打包
npm run build
注意:若腳手架安裝失敗,可用以下方法解除安裝腳手架後重新安裝
npm uninstall vue-cli -g 全域性解除安裝vue-cli腳手架
另外多說一句,windows進入碟符的方法, :d 進入D盤