Windows下安裝vue環境，搭建vue項目

Windows下安裝vue環境，搭建vue項目

Windows下安裝vue環境，搭建vue項目

vue是最近比較火的一款前端框架，搭建vue項目需要搭配webpack作爲項目構建工具，而webpack在執行打包壓縮的時候是依賴node.js環境。

環境安裝步驟

1. 安裝node.js
   node.js的官方地址爲：https://nodejs.org/en/download/，下載符合自己系統安裝包，在windows上安裝，一路next就可以安裝成功。安裝完成後使用node -v 檢查是否安裝成功，安裝成功如下圖：
   
2. npm使用國內鏡像方法
   由於許多npm包都是在國外，安裝起來特別慢，所以我們這裏利用淘寶的鏡像服務器，來對我們依賴的module進行安裝。
   2.1 使用cnpm 安裝
   安裝命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
   驗證命令：cnpm -v 返回版本號即驗證成功
   若返回“不是內部或外部命令，也不是可運行的程序或批處理文件。”，如下圖：
   
   在環境變量中配置cnpm路徑，如下圖：
   cnpm可執行路徑
   2.2 臨時使用淘寶鏡像
   安裝命令：npm config set registry https://registry.npm.taobao.org
   驗證命令：npm config get registry 返回https://registry.npm.taobao.org/ 則安裝成功
3. 安裝全局的vue-cli腳手架
   安裝命令：cnpm install -g vue-cli
   驗證命令：vue -V同樣返回版本號即安裝成功，若出現下圖，可參考上個步驟配置環境變量解決
   
4. vue 搭建項目
   搭建命令：vue init webpack my-vue