一、首先基於node環境，我想應該每一個前端開發者都應該懂的吧，這裡安裝執行什麼的就不多說了。

搭建成功之後在資料夾的任何（如果是全域性的話）一個位置都能按住shift鍵同時滑鼠右鍵在工具框中就會出來一項——“在此處開啟命令視窗”字樣，點選就會出來，如圖所示：

此位置就自動是你要建立專案的位置（當然，如果你想再建立資料夾，放在其他位置的話也可以直接輸入開啟命令npm cd+名字）。

在這裡你可以檢查一下，如下圖的話你就算成功了！

二、安裝vue腳手架

輸入命令：npm install -g vue-cli

執行完之後，若不知道是否安裝成功可以檢驗一下：vue -V（此處的-V是大寫的！要注意），出現如下結果就是成功了：

三、建立專案

輸入命令：vue init webpack +專案名稱

如圖所示，

結束之後，就是搭建完成，輸入命令：cd +專案名稱（此時在開啟你剛剛建立的專案，進入到專案中執行）；

再輸入命令：npm run dev     執行專案。

也可以按照以下他告訴你的步驟，

完成之後就會出現：

之後，按照他告訴你的地址在瀏覽器中開啟就可以了。(出現如下頁面)

目錄結構及含義如下：