**1.** 搭建vue項目的開發環境,首先需要安裝node.js,這是一切的基礎。 **[點擊這里下載node.js](http://nodejs.cn/)**
進入node官網點擊下載如下圖所示,window用戶根據自己的系統下載32或者64位的安裝包。推薦下載.msi安裝包,安裝時會自動幫你配置環境變量,可以省去很多麻煩。選擇.zip文件的用戶,解壓之后仍需手動配置環境變量,具體如何配置請自行百度。

**2.** 安裝node,一直點擊next就可以了。安裝時也會自帶安裝npm(node 包管理工具)。安裝完成后,打開命令行工具(win+r,然后輸入cmd),輸入 node -v和npm -v,如下圖,如果出現相應的版本號,則說明安裝成功。

**3.** 在此之前,我們還需要安裝一個項目構建工具webpack,因為vue-cli就是在該工具之上構建的。不懂webpack,[點這里查看webpack中文文檔](https://doc.webpack-china.org/)。打開命令行工具輸入(win+r,然后輸入cmd),安裝webpack:**npm install webpack -g**。安裝完成之后輸入 webpack -v,如下圖,如果出現相應的版本號,則說明安裝成功。(圖中出現的警告可以忽略)

**4.** 安裝vue-cli腳手架構建工具,打開命令行工具輸入:**npm install vue-cli -g**,安裝完成之后輸入 vue -V(注意這里是大寫的“V”),如下圖,如果出現相應的版本號,則說明安裝成功。

至此,我們完成了vue項目構建所需要的環境和工具。