一寡润、安裝node.js
1、官網(wǎng)安裝查看版本:node -v
,自帶npm(包管理工具)查看npm版本:npm -v
。如圖
二审胸、安裝webpack
1、打開(kāi)命令行工具輸入:npm install webpack -g
,安裝完成后查看版本webpack -v
, 出現(xiàn)版本號(hào)即為安裝成功卸勺。注意:webpack4.X需要安裝webpack-cli,輸入命令npm install webpack-cli -g
如圖:
三砂沛、安裝vue-cli構(gòu)建工具
npm install vue-cli -g
1、全局安裝vue-cli構(gòu)建工具曙求,完成后vue -V(大寫(xiě)),出現(xiàn)版本號(hào)則安裝成功碍庵。如圖:四、創(chuàng)建項(xiàng)目
1悟狱、vue init webpack 項(xiàng)目名字<禁止使用中文> 例如:
vue init webpack myDemo
2静浴、進(jìn)入項(xiàng)目安裝依賴包,例如:
npm install
3挤渐、啟動(dòng)項(xiàng)目
npm run dev
瀏覽器訪問(wèn)如圖:
4苹享、發(fā)布項(xiàng)目:
npm run build