vue的腳手架是依賴于node.js的，因此安裝vue cli之前需要先安裝node.js。

一、安裝node.js

1、Node.js 安裝包及源碼下載地址為：https:///en/download/

 2、安裝下載的node.js

雙擊下載后的安裝包，一直勾選next，如果不想裝在C盤可自己更改路徑。完成安裝后，將安裝路徑添加到環(huán)境變量中即可進(jìn)行全局訪問。

3、驗(yàn)證

驗(yàn)證是否安裝成功：cmd中輸入：node --version,出現(xiàn)如下圖即表明安裝成功

 4、npm下載依賴回比較慢，可以安裝cnpm后，用cnpm下載。

安裝cnpm代替npm,安裝命令如下：

npm install cnpm -g --registry=https://registry.npm.

安裝完成后輸入cnpm --version命令驗(yàn)證

如果你發(fā)現(xiàn)你安裝成功了，使用cnpm卻發(fā)現(xiàn)找不到命令，就是你的環(huán)境變量有問題，在環(huán)境變量里面的path添加你node的安裝路徑就行，比如";C:\\nodejs\node_modules"

二、安裝vue-cli

1、全局安裝 vue-cli ，在命令提示窗口執(zhí)行：cnpm install -g vue-cli

安裝成功后使用vue --version即可驗(yàn)證是否夠安裝成功

2、安裝vue-cli成功后，通過cd命令進(jìn)入你想放置項(xiàng)目的文件夾，在命令提示窗口執(zhí)行創(chuàng)建vue-cli工程項(xiàng)目的命令：

vue init webpack my-project

2、cd到對(duì)應(yīng)的目錄下初始化vue項(xiàng)目,執(zhí)行一下命令：

init webpack my-projectProject name 項(xiàng)目名 

Project description 項(xiàng)目名描述 

Author 作者郵箱 

Use ESLint to lint your code? 是否需要ESlist語法檢查 

Set up unit tests 是否需要單元測試 

Setup e2e tests with Nightwatch? Yes是否需要e2e測試

3、完成以上即會(huì)在指定的目錄下生成vue的文件目錄如下：

 生成文件目錄后，使用 cnpm 安裝依賴，命令如下：cnpm install

安裝依賴完成過后，使用如下命令進(jìn)行啟動(dòng)項(xiàng)目：npm run dev