vue+webpack 建立專案
阿新 • • 發佈:2018-12-11
安裝webpack
全域性安裝:npm i -g webpack
目的:在任何目錄中通過CLI使用 webpack 這個命令
專案安裝:npm i -D webpack
目的:執行當前專案的構建
成功就會出現這幾個目錄
使用例項
思路
1.安裝node js
安裝成功後在命令列檢視node版本,如果有說明安裝成功。
node -v
2.安裝vue-cli腳手架搭建專案,可生成很多配置好多的檔案
安裝命令:(使用cnpm 淘寶映象安裝vue腳手架)
cnpm install vue-cli
3.通過腳手架搭建專案
vue init webpack (專案名稱)
vue init webpack myProject
生成下面這些配置檔案
3.在生成的src 資料夾下面的檔案裡面編寫自己的頁面
4.編譯打包(cnpm 比npm 快速 ,也可以用npm)
cnpm install
完成後生成這個資料夾下面的這堆依賴
5.執行
npm run dev
也可在package.json檔案裡面配置start命令,如圖,配置好後,可以執行 cnpm start(來執行,也就相當於npm run dev)
執行完後,可通過這個地址去檢視頁面