一.安裝vue-cli

1.使用npm（需要安裝node環境）全域性安裝webpack，開啟命令列工具輸入：npm install webpack -g或者（npm install -g webpack），安裝完成之後輸入 webpack -v，如下圖，如果出現相應的版本號，則說明安裝成功。

注意：webpack 4.X 開始，需要安裝 webpack-cli 依賴 ,所以使用這條命令  npm install webpack webpack-cli -g

如果安裝的指令為：npm install webpack -g，則會彈出以下提示框：

那麼我們必然輸入yes！來進行webpack-cli的安裝

2.全域性安裝vue-cli，在cmd中輸入命令:

npm install --global vue-cli


//npm一般都會報錯，所以在來一段cnpm的命令：


cnpm install --global vue-cli

安裝成功如圖所示：

並且輸入vue -V 則會彈出版本：

二.用vue-cli來構建專案

1.我首先在D盤新建一個資料夾（vue）作為專案存放地，然後使用命令列cd進入到專案目錄輸入:

vue init webpack vuedemo01

2.vuedemo01是專案名，大致輸入如下後續（就是無腦回車即可，預設都是yes）：

3.如下圖所示會有提示：

進入到vuedemo01中，直接執行npm run dev即可！

三.如果遇到伺服器打不開，則是8080埠被佔用進入如下圖所示index.js中進行埠更改即可：