使用vue-cli構(gòu)建一個vue項目

前言

如果你在看有關(guān)vue這個前端框架的知識時,想必已經(jīng)掌握了JavaScript的基本知識,那么我就不必再贅述關(guān)于node.js以及npm的知識了,我將直接進入正題

1.安裝vue-cli

安裝vue-cli,沒有那么復(fù)雜,只有一個簡單命令,想必用過npm的人,都不陌生,在電腦的任何地方打開cmd窗口,輸入以下命令進行安裝

#npm install vue-cli -g

2.初始化項目

安裝完vue-cli,就可以進行vue項目的初始化了。新建一個工作目錄,進入該目錄,然后初始化項目

#mkdir workspace
#cd workspace
#vue init projectname

初始化過程中,會有信息填寫,可以不填,enter默認繼續(xù)即可。初始化,結(jié)束后,就可以安裝依賴了

#nom install

安裝完依賴后,開啟項目

#npm run dev

一般監(jiān)聽端口是8080,所以不出意外,在瀏覽器打開localhost:8080,會看到一個歡迎頁面,至此就完成了一個vue的項目構(gòu)建

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容