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

搭建成功之後在文件夾的任何（如果是全局的話）一個位置都能按住shift鍵同時鼠標右鍵在工具框中就會出來一項——“在此處打開命令窗口”字樣，點擊就會出來，如圖所示：

此位置就自動是你要創建項目的位置（當然，如果你想再創建文件夾，放在其他位置的話也可以直接輸入打開命令npm cd+名字）。

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

二、安裝vue腳手架

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

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

三、創建項目

輸入命令：vue init webpack +項目名稱

如圖所示，

結束之後，就是搭建完成，輸入命令：cd +項目名稱（此時在打開你剛剛創建的項目，進入到項目中運行）；

再輸入命令：npm run dev 運行項目。

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

完成之後就會出現：

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

目錄結構及含義如下：

腳手架方式搭建vue項目