天天看點

vue-cli + webpack 環境搭建

首先,我是一個新人新部落格,寫得不好,大家多提點,寫這篇部落格是為了自己熟悉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目錄就是打包後的檔案

繼續閱讀