快速構建一個vue項目


首先介紹一下命令行構建一個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→回車執行,得到一樣的運行結果

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM