1. 程式人生 > >【VUE】腳手架專案搭建詳細流程

【VUE】腳手架專案搭建詳細流程

整理了一下VUE大型專案腳手架的搭建,和一些自己的理解,不對的地方歡迎指出!

第一步:下載NODE

               下載NODE,在這裡是為了用到node裡邊的npm,node下載成功後

第二步:win + R 開啟 windows 執行視窗,輸入 cmd 開啟命令列工具

第三步:①在命令列工具裡輸入 node -v  出現版本號 說明 node下載成功

              ②在命令列工具裡輸入 npm -v

   出現版本號  說明npm 下載 成功

第四步:安裝國內映象 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盤