1、環境搭建
1.1、安裝node.js
1.2 安裝過程很簡單，一路“下一步”就可以了。安裝完成之后，打開命令行工具(win+r，然后輸入cmd)，輸入 node -v，如下圖，如果出現相應的版本號，則說明安裝成功。
1.3 修改npm為淘寶鏡像
因為npm的倉庫有許多在國外，訪問的速度較慢，建議修改成cnpm，換成taobao的鏡像。
打開命令行工具，復制如下配置：
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后等待，安裝完成如下圖。
不知道為什么我修改鏡像時會報這個錯誤，看到身邊的同學修改又沒有出現這個問題，所以我查了一下百度，清除了一下緩存，然后再粘貼上去就可以了，或者你們安裝的時候不會報這種錯誤
1.4、安裝webpack
安裝webpack，打開命令行工具輸入：
npm install webpack -g
安裝如下：
結果：
安裝完成之后輸入
webpack -v
如下圖，如果出現相應的版本號，則說明安裝成功。
2.安裝vue-cli腳手架構建工具
打開命令行工具輸入：然后等待安裝完成。因為改了鏡像，這里不能再寫npm 是寫 cnpm
cnpm install vue-cli -g
安裝完成之后輸入 vue -V（注意這里是大寫的“V”），如下圖，如果出現相應的版本號，則說明安裝成功。
2.1、構建項目
要創建項目，首先我們要選定目錄，然后再命令行中把目錄轉到選定的目錄。這里有兩種方式指定到相關目錄：
在這里我選擇了一種、在硬盤上找一個文件夾放工程用的
2.1、安裝vue腳手架輸入：vue init webpack myproject，注意這里的“myproject” 是項目的名稱可以說是隨便的起名，最好不要使用 “中文”，因為涉及到亂碼問題。
所以避免不必要的麻煩。
2.2 創建項目時候，首先我們要選定目錄，然后再命令行中把目錄轉到選定的目錄。在這里，我選擇E來存放新建的項目，則我們需要先把目錄cd到盤，如下圖。
結果：
完成后的項目目錄：
以上的編譯成功后可以直接在瀏覽器中查看項目：
這樣就基本完成了。
先學習到這里記錄一下自已學習中的東西，加深對Vue.js的理解。