首先介紹一下命令行構建一個vue項目步驟:
1、下載安裝node.js(直接運行安裝包根據步驟安裝完),打開命令行輸入:node -v ,出現版本號即安裝成功。
2、命令行界面輸入:cnpm install vue-cli -g,全局安裝vue.cli腳手架,輸入vue list 出現如下信息即可。

3、選擇一個目錄創建項目文件夾,cd命令到該文件夾,輸入命令:vue init webpack ”項目名稱“,根據提示填寫對應信息和設置安裝事項。

4、項目創建完成后,會出現兩個命令,依次輸入執行就可以運行項目,使用瀏覽器打開最后出現的提示地址就可以看到vue項目的初始化界面。



5、如此:vue項目創建完畢,接下來就可以在各種開發工具中導入vue項目進行下一步開發了。
初學者快速構建一個vue項目:
下載安裝HBuilder X 工具:http://www.dcloud.io/hbuilderx.html
左上角文件→新建→項目,在項目面板中選擇vue項目


項目結構如下:

運行項目:確保該項目的必須包都已下載好,沒有的話先執行npm install。執行操作同下,兩種皆可。
菜單運行方式:運行→運行到終端→npm run serve,出現運行地址后到瀏覽器運行即可。 命令方式:右鍵vue項目→使用命令行窗口打開所在目錄(A)→輸入命令:npm run serve→回車執行,得到一樣的運行結果



