首先,我是一個新人新部落格,寫得不好,大家多提點,寫這篇部落格是為了自己熟悉vue-cli環境的搭建
1.下載下傳nodeJS,官網 https://nodejs.org/en/ 。
2.安裝nodeJS.安裝完成後可以檢測node -v 如果版本号的話則正常。
3.安裝淘寶鏡像.npm install -g cnpm --registry=https://registry.npm.taobao.org。
4.安裝webpack npm install webpack -g。(好像可以不用安裝webpack,安裝vue-cli時自帶,沒試過)
5.安裝vue-cli npm install vue-cli -g (可以用vue -V檢測是否安裝成功-V是大寫)
6.cd到項目目錄,然後 vue init webpack xxx(檔案夾名稱)
7.cd到剛剛建立的檔案夾名稱 cnpm install
8.運作項目 npm run dev
9.若要打包,需要在config的index.js中修改build對象中的assetsPublicPath參數為“./”。
10.打包時,cd到項目下 npm run build
11.打包完成生成dist目錄就是打包後的檔案