安裝至預設路徑即可
2、 確認node.js是否安裝成功
開啟cmd命令提示符 輸入 node -v 返回node.js版本號 則表示node.js安裝成功
cmd命令列輸入 npm -v 返回npm包管理器版本號 則表示npm能裝成功（node.js安 裝自帶npm）
命令列輸入npm install nrm -g （全域性安裝nrm）
4、 命令列輸入 npm install vue -g （全域性安裝vue）
5、 命令列輸入 npm install vue-cli -g （全域性安裝vue-cli腳手架）
6、 命令列輸入 npm install webpack -g （全域性安裝webpack構建工具）
7、 新建乙個或者找乙個資料夾（放專案檔案）
然後在該資料夾下
開啟命令列
命令列輸入 vue init webpack my-project （基於vue-cli初始化乙個vue專案）
各種選項
：不認識的先回車預設
大概是專案名
專案描述
作者名然後有幾個選
擇性安裝的載入器
其中 eslint是制定編碼規範 test是單元測試 等等 輸入y或者
n 即可
c:\users\administrator\desktop\myproject>vue init webpack my-project
? project name my-project
? project description a vue.js project
? author candy
? vue build standalone
? install vue-router? yes
? use eslint to lint your code? no
? setup unit tests with karma + mocha? yes
? setup e2e tests with nightwatch? yes
vue-cli · generated "my-project".
to get started:
cd my-project
npm install
npm run dev
documentation can be found at
8、 在生成的專案資料夾下開啟命令列
9、 輸入 npm install （安裝專案依賴）
10、 安裝完成後
繼續輸入 npm run dev （開發模式執行 就是跑一下）
11、 成功後會自動開啟預設瀏覽器
顯示index頁面
vue cli快速構建Vue專案
vue cli 是vue.js的腳手架，用於自動生成vue.js模板工程的。vue cli的使用？在使用之前需要先裝好vue 和 webpack 全域性安裝vue npm install g vue 全域性安裝webpack npm install g webpack 全域性安裝vue cli np...
vue cli腳手架快速構建專案
最近做乙個專案，想要專案前後端分離，所以想到以前學過的vue,所以決定使用vue做前端 小聲bb幾句，我忘了怎麼初始化工程了 1 直接用這個適合單獨的h5頁面的使用 2 命令列工具vue cli 適合構建大型應用，配合npm，npm能很好的和webpack等模組打包器配合使用。全域性安裝vue最新版...
使用vue cli構建專案。
所以操作皆在命令列下完成 npm install golbal vue clivue init webpack workname workname為專案名 tables areproject name 專案名 不可大寫 project description 專案描述 author 作者vue bu...