# vue環境搭建以及項目初始化
## 1.安裝node環境
公司項目是基于node+webpack+vue。所以第一步先安裝node環境。
[node官網](https://nodejs.org/en/)
下載對應操作系統的版本。下載后直接安裝即可，在命令行中使用node -v查看版本號，檢測是否安裝成功。
## 2.安裝淘寶鏡像
在國內直接使用npm的官方鏡像速度比較慢，容易失敗。所以使淘寶的鏡像替代
npm install -g cnpm --registry=https://registry.npm.taobao.org
這樣就可以使用cnpm命令來安裝各類模塊與依賴。
## 3.安裝webpack以及vue-cli腳手架
依次使用以下命令安裝
cnpm install webpack -g
使用webpack -v 檢測版本
cnpm install vue-cli -g
使用 vue -V 檢測版本（大寫的V）同上若出現版本號則安裝成功。
## 4.創建vue項目
cd進入相關目錄，構建項目。這里我們選擇 提前安裝
[Git 官網](https://git-scm.com/download/win)
選擇對應操作系統下載，下載后直接安裝。然后我們就可以在想要放工程的目錄下使用鼠標右鍵 選擇 git bash here 調出命令行。
接下來使用webpack模板來創建一個vue項目
vue init webpack projectName
項目名稱不能用中文。接下來會看到圖示命令行，默認回車只有在選擇ESlint和單元測試等地方選擇No。
這樣項目就初始化成功成功，使用以下命令啟動項目。訪問localhost:8080 即可看到對應項目初始化頁面。
npm run dev
