作為一名剛入職的小白，光是vue的環境搭建就花了好長時間，學習官方文檔和視頻教程，也是按部就班的操作，不能理解，只能寄希望於后期的學習了。在此記錄一下vue的下載安裝和項目創建整個操作過程（見笑了，有不足之處請留言指出，將一一改正）。
一、vue的安裝及環境搭建
1.首先要了解vue是使用命令行工具打開的。
命令行工具打開方式有兩種：
（1）點擊電腦左下角的“開始”，在搜索框中輸入“cmd”，會看到一個顯示為“命令提示符”的應用，回車。
（2）快捷鍵“win”+“r”，會有個彈出窗出來，輸入cmd，回車。
2.安裝vue以及vue的環境node。
切記先安裝node，再安裝vue，根據自己操作系統的需要進行安裝即可。
步驟一：node的官網下載地址是：https://nodejs.org/en/download/
步驟二： 安裝git Git的官網：https://git-scm.com/downloads
安裝之后，在命令提示符中分別依次輸入： node -v 、git --version 指令，若是能看到相應的版本信息，說明環境變量都已經配置成功。否則說明安裝失敗，重新安裝即可。
3.安裝npm或者淘寶鏡像cnpm。
npm：npm install -g vue-cli
cnpm：cnpm install -g vue-cli，但實際使用在淘寶鏡像cnpm：npm install -g cnpm -registry=https://registry.npm.taobao.org 回車
打開系統環境變量：https://jingyan.baidu.com/article/ad310e8016162f1849f49e2c.html
添加系統變量NODE_PATH，輸入路徑D:\Program Files\nodejs\node_global\node_modules，此后所安裝的模塊都會安裝到改路徑下
二、vue-cli2的安裝及項目創建
1：安裝npm或者淘寶鏡像cnpm。
npm：npm install -g vue-cli
cnpm：cnpm install -g vue-cli，但實際使用在淘寶鏡像cnpm：npm install -g cnpm -registry=https://registry.npm.taobao.org 回車
打開系統環境變量：https://jingyan.baidu.com/article/ad310e8016162f1849f49e2c.html
添加系統變量NODE_PATH，輸入路徑D:\Program Files\nodejs\node_global\node_modules，此后所安裝的模塊都會安裝到該路徑下
輸入指令：npm -v 檢查是否安裝成功（出現版本號即成功）。
2：vue-cli2的項目創建。
步驟一：在一個空目錄下使用快捷鍵“shift”+鼠標右鍵，打開powershell，此時會彈出一個類似於命令提示符的窗口（在powershell打開可以減少路徑，可省去步驟二、三）；
使用cmd的話，若需要改變路徑，可：
步驟二：md testcli -----（該命令是創建名為testcli 的文件夾，testcli 是項目名字，可以自取），回車；
步驟三：cd testcli -----（打開項目所在文件夾），回車；
步驟四：npm install -g vue-cli -----（在項目所在文件夾里下載vue-cli2，等待一段時間，可以：npm -v 檢查版本），回車；
步驟五：依次輸入md test2 回車、cd test2 回車 在testcli下建立名為test的文件夾；
步驟六：vue init webpack test2 -----（打開項目所在文件夾），回車；之后會有一些項目信息的提示，一直回車，有選擇輸入y就可以了
步驟七：npm run dev （啟動后端項目，會出現一個localhost地址）
步驟八：npm run build（項目封裝，出現dist文件。在項目確定不需要改動時，執行此命令）。
項目創建好之后，可以添加依賴。依賴，也就是依賴包，像是vue-router、eslint等。在test1文件夾下cmd，輸入npm install。 安裝完成后會有提示，按照提示的命令進行即可。
最后出現的http://localhost:8080，復制后在瀏覽器打開，就可以實時預覽，並在編譯器編輯想要的頁面了。
3.完整創建項目步驟截圖如下：
三、vue-cli3的安裝及項目創建
安裝之前先將vue-cli2卸載：npm uninstall -g vue-cli （-g是global的縮寫，全局安裝。可以放在語句的任意位置，看個人習慣）
（1）vue-cli3安裝npm：npm install -g @vue/cli
淘寶鏡像安裝： cnpm install -g @vue/cli
（2）檢查vue版本：；vue -V （vue的版本檢查時-V是大寫的）
（3）創建vue-cli3項目：vue create vue-test3 （vue-cli2中創建項目命令是init，vue-cli3是create），會出現下面的選項，可以默認，也可以根據需要自定義：
到這里就是一個項目的創建了。vue-cli3創建的是git形式的，可以上傳。雖然還不知道為什么。。。
（4）自定義的話，可以通過上下鍵選擇，空格鍵選中，回車：
運行：npm run serve （vue-cli2中運行項目命令是dev，vue-cli3是serve，注意不要多加或者寫錯）
四、有關更多的專業知識，請前往官方文檔或者某些視頻教程網站學習~