首先說一下寫這個文章的初衷，主要是爲了能夠方便我的學生們，快讀的搭建一個vue的項目。寫一個文檔能夠更好的記錄下來，方便以後他們的查看和回顧。
1.使用win+r打開cmd
如果已經安裝成功了，就會出現以上圖片中的樣式
2.安裝cnpm
node環境已經安裝完成，npm包管理器也有了。由於有些npm有些資源被屏蔽或者是國外資源的原因，經常會導致用npm安裝依賴包的時候失敗，所有我還需要npm的國內鏡像—cnpm。
在命令行中輸入 npm install -g cnpm –registry=http://registry.npm.taobao.org 然後等待，安裝完成如下圖。
完成之後，我們就可以用cnpm代替npm來安裝依賴包了
3.安裝vue-cli腳手架構建工具
在命令行中運行命令 npm install -g vue-cli ，然後等待安裝完成。
4.用vue-cli構建項目
我們現在的練習項目都放在統一的位置，方便之後的管理，D:/nodetest下，我們通過，具體的操作如下
首先使用npm來安裝vue-cli
然後進入到項目的目錄下，執行vue init webpack secondVue指令來構建項目，按回車就會出現如下的樣式
安裝的這個過程我們需要等待一會。
我們打開其中的package.json文件，裏面放置了配置文件
我們來解釋一下安裝過程中都是什麼意思？
Project name 項目名稱，可以自己指定，也可直接回車，按照括號中默認名字（注意這裏的名字不能有大寫字母，如果有會報錯Sorry, name can no longer contain capital letters）
Project description (A Vue.js project) 項目描述，也可直接點擊回車，使用默認名字
Author (……..) renyuzhi
接下來會讓用戶選擇
Runtime + Compiler: recommended for most users 運行加編譯，既然已經說了推薦，就選它了
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 僅運行時，已經有推薦了就選擇第一個了
Install vue-router? (Y/n) 是否安裝vue-router，這是官方的路由，大多數情況下都使用。這裏就輸入“y”後回車即可。
eslint算是一個代碼語法規範檢查的工具，不同意就不會把檢查語法規範的功能加進webpack編譯的流程裏
5.安裝項目所需的依賴
6.根據配置文件的提示，我們在項目使用命令 npm run dev 來運行項目
我們在本地打開localhost:8080就可以看到頁面啦~現在就安裝成功啦~比較懶，打字感覺好麻煩，就一直上圖啦~
這裏我們簡單說一下每一個文件都是什麼意思：
build：最終發佈的代碼的存放位置。
config：配置路徑、端口號等一些信息，我們剛開始學習的時候選擇默認配置。
node_modules：npm 加載的項目依賴模塊。
src：這裏是我們開發的主要目錄，基本上要做的事情都在這個目錄裏面，裏面包含了幾個目錄及文件：
assets:放置一些圖片，如logo等
components:目錄裏放的是一個組件文件，可以不用。
App.vue：項目入口文件，我們也可以將組件寫這裏，而不使用components目錄。
main.js ：項目的核心文件
static：靜態資源目錄，如圖片、字體等。
test：初始測試目錄，可刪除
index.html：首頁入口文件，可以添加一些meta信息或者同統計代碼啥的。
package.json：項目配置文件。
README.md：項目的說明文件。