一、安裝Node.js，搭建Vue環境2、下載成功之後執行安裝程式，進行安裝。如果是用安裝程式進行安裝，在安裝過程中會自動進行Nodejs環境變數的配置，如果是通過其他方式進行安裝，可能需要手動配置環境變數。完成安裝後，可以開啟命令列，直接使用node命令，進入node.js互動模式。然後可以輸入console.log("Hello,World");測試安裝。
3、設定npm的預設安裝路徑，和快取路徑// 設定npm安裝程式時的預設位置npm config set prefix "D:\Program Files\nodejs\X64\node_global"// 設定npm安裝程式時的快取位置npm config set cache "D:\Program Files\nodejs\X64\node_cache"然後在把D:\Program Files\nodejs\X64\node_global\node_modules路徑新增到環境變數PATH中。4、安裝webpack和vue-cli腳手架在命令列中執行下列兩個命令，進行安裝。npm install webpack -gnpm install vue-cli -g二、建立vue測試專案1、開啟命令列，進入到希望建立vue測試專案的路徑，然後在命令列中執行下列命令，進行專案建立。vue init webpack vue_test //其中vue_test為專案名稱

2、在命令列中進入到專案路徑，然後執行npm install命令，安裝專案需要的依賴。
安裝完成。
3、然後執行npm run dev命令，執行專案。

三、安裝WebStom1、在百度上找一個WebStorm 11的安裝包進安裝。2、破解WebStorm 11把JetbrainsCrack-2.5.3.jar複製到WebStorm的bin目錄下。
編輯bin目錄下WebStorm.exe.vmoptions和WebStorm64.exe.vmoptions兩個檔案，在兩個檔案的第一行增加下列內容。-javaagent:H:\WebStorm 11.0.3\bin\JetbrainsCrack-2.5.3.jar
然後開啟WebStorm就可以完成註冊。四、在WebStorm中開啟vue專案1、在WebStorm中開啟剛才建立的vue測試專案，專案的js檔案可能會有編譯異常。
可以通過在setting檔案中修改js版本來解決。
2、在WebStorm中設定專案的快速啟動在WebStorm右上角選擇“Edit Configrations”，進入配置介面。
新增一個新的Node.js配置。在配置介面中配置下圖紅框中的幾個屬性即可。