搭建一個VUE專案
1.安裝node.js
官網地址：https://nodejs.org/en/download/ 根據需要選擇下載，安裝時一直點下一步就好（傻瓜式安裝），安裝路徑可以自定義。 檢測：命令視窗（win+R 執行cmd）輸入命令 node -v，出現版本號則說明安裝成功。 npm包管理器是整合在node中，所以輸入命令 npm -v，如果出現版本號，說明npm也安裝好了。
2.設定global和cache路徑
設定路徑能夠把通過npm安裝的模組集中在一起，便於管理。 （1）在nodejs的安裝目錄下，新建node_global和node_cache兩個資料夾。 （2）假設安裝目錄為E:\nodejs，在命令視窗分別輸入以下命令。
npm config set prefix "E:\nodejs\node_global" 設定global
npm config set cache "E:\nodejs\node_cache" 設定cache設定成功後，後續用npm安裝的模組就在E:\nodejs\node_global\node_modules裡。
3.設定環境變數
說明：設定環境變數可以使得住任意目錄下都可以使用cnpm、vue等命令，而不需要輸入全路徑。 （1）修改使用者變數PATH：把”E:\nodejs\node_global”加到後面。 （2）新增系統變數NODE_PATH：設定成“E:\nodejs\node_global\node_modules”。
4.安裝淘寶映象（cnpm）
由於，npm很多包部署在國外，使用cnpm可以加快我們的安裝速度。 官網：http://npm.taobao.org/ 安裝命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org檢測：命令視窗輸入 cnpm -v，出現版本號，說明安裝成功。
5.安裝 vue 和 vue腳手架構建工具（vue-cli）
說明：簡單來說vue-cli的作用是用已經配置好的模板快速構建一個專案，提供好基本的專案結構，不必我們自己手動配專案環境。 此時我們可以使用cnpm安裝，安裝命令（-g是指全域性安裝）：
cnpm install -g vue
cnpm install -g vue-cli6.新建一個vue專案並執行
vue init webpack test 建立一個基於webpack的vue專案webpack是vue-cli已經包含的一個打包工具。執行這個命令後會出現一系列的選項如下：
Project name ；專案名稱
Project description (A Vue.js project) 專案描述 （A Vue.js project）；
Author (XXXX [email protected]) ;[email protected](專案作者)；
Vue build ❯ Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any
Vue-specific HTML) are ONLY allowed in .vue files - render functions
are required elsewhere
這裡選擇Runtime + Compiler: recommended for most
users；
Install vue-router? (Y/n) 是否使用vue-router路由（y）；
Use ESLint to lint your code? (Y/n) 是否使用ESLint（n）；
Setup unit tests with Karma + Mocha? (Y/n) 是否需要單元測試（n）；
Setup e2e tests with Nightwatch? (Y/n) 是否需要單元測試(n)；
node_module資料夾會被新建，而且根據package.json的配置下載該專案的modules。 先cd到專案檔案所在目錄，然後輸入安裝命令：
cnpm install最後執行專案，同樣cd到專案所在目錄，輸入執行命令：
cnpm run dev