windows下搭建Vue開發環境

　　一、安裝node.js

　　1、根據位址，下載下傳免安裝版本，并解壓如下

https://nodejs.org/en/download/      

　　

　　2、配置變量，先将路徑修改為：D:\workset\feset\nodejs

　　1）在D:\workset\feset\nodejs下建立檔案夾node_cache和node_global

　　2）建立系統變量，并将其添加到PATH下

　　　　a）NODE_PATH：D:\workset\feset\nodejs（任意目錄下可使用npm、node等指令）

　　　　b）NODE_GLOBAL：D:\workset\feset\nodejs\node_global（任意目錄下可使用cnpm、vue等指令）

　　3）打開cmd終端，輸入node -v 和 npm -v 測試變量是否配置成功

　　4）設定緩存路徑和全局子產品存放路徑

npm config set cache "D:\workset\feset\nodejs\node_cache"
npm config set prefix "D:\workset\feset\nodejs\node_global"      

　　3、安裝淘寶鏡像cnpm

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

　　二、安裝vue及指令行工具vue-cli腳手架

cnpm install vue -g      

cnpm install vue-cli -g      

　　三、建立項目

　　1、cmd終端進入D:\workset\feset\vue，執行初始化指令，webpack、webpack-simple都是常用模闆，根據需要選擇

vue init webpack vueDemo      

　　2、根據提示選擇需要的安裝項

Project name vuedemo（輸入項目名）
Project description A Vue.js project（輸入項目描述）
Author sl（輸入作者）
Vue build runtime
Install vue-router? No（是否安裝路由）
Use ESLint to lint your code? Yes（是否安裝ESLint）
Pick an ESLint preset none
Set up unit tests No（是否安裝unit test）
Setup e2e tests with Nightwatch? No（是否安裝e2e test）
Should we run `npm install` for you after the project has been created? (recommended) no（是否自動npm install建立項目）      

D:\workset\feset\vue>cd vueDemo
D:\workset\feset\vue\vueDemo>npm install
D:\workset\feset\vue\vueDemo>npm run dev