博文出處：Vue.js安裝教程，歡迎大家關(guān)注我的博客，謝謝！

安裝步驟

1. 安裝 node.js (網(wǎng)址：https://nodejs.org/en/)。

2. 基于 node.js ,利用淘寶 npm 鏡像安裝相關(guān)依賴。在 cmd 里直接輸入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回車，等待安裝。

3. 安裝全局 vue-cli 腳手架,用于幫助搭建所需的模板框架，在 cmd 里

   1. 輸入：cnpm install -g vue-cli，回車，等待安裝；

   2. 輸入： vue ，回車，若出現(xiàn) vue 信息說明表示成功。

4. 創(chuàng)建項(xiàng)目，在 cmd 里輸入：vue init webpack vue_test(項(xiàng)目文件夾名) ，回車，等待一小會(huì)兒，依次出現(xiàn)下列選項(xiàng)，輸入后創(chuàng)建成功。

   create vue project

5. 安裝依賴，在 cmd 里

   1. 輸入：cd vue_test ，回車，進(jìn)入到具體項(xiàng)目文件夾

   2. 輸入：npm install，回車，等待一小會(huì)兒，安裝依賴。

6. 測試環(huán)境是否搭建成功

   1. 在 cmd 里輸入：npm run dev

   2. 在瀏覽里輸入：localhost:8080(默認(rèn)端口為8080)

   運(yùn)行起來后的效果如下圖所示：

   Vue running

安裝中遇到的問題

vue init webpack vue_test

C:\Users\h\Desktop>vue init webpack vue_test
C:\Users\h\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60
let template = program.args[0]
^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet sup
ported outside strict mode
    at exports.runInThisContext (vm.js:54:16)
    at Module._compile (module.js:375:25)
    at Object.Module._extensions..js (module.js:406:10)
    at Module.load (module.js:345:32)
    at Function.Module._load (module.js:302:12)
    at Function.Module.runMain (module.js:431:10)
    at startup (node.js:141:18)
    at node.js:977:3

nodejs版本太低，去官網(wǎng)更新即可。

npm install

C:\Users\h\Desktop\vue_test>npm install

> chromedriver@2.33.2 install C:\Users\h\Desktop\vue_test\node_modules\chromedri
ver
> node install.js

Downloading https://chromedriver.storage.googleapis.com/2.33/chromedriver_win32.
zip
Saving to C:\Users\h\AppData\Local\Temp\chromedriver\chromedriver_win32.zip
ChromeDriver installation failed Error with http(s) request: Error: connect ETIM
EDOUT 172.217.160.112:443
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules\fse
vents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}
)

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chromedriver@2.33.2 install: `node install.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chromedriver@2.33.2 install script.
npm ERR! This is probably not a problem with npm. There is likely additional log
ging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\h\AppData\Roaming\npm-cache\_logs\2017-11-25T07_25_19_228Z
-debug.log

因?yàn)?chromedriver 被墻了，所以需要輸入命令 cnpm install chromedriver ，安裝 chromedriver 。