国产成人艳妇aa视频在线-国产99精品久久久久久-国产又粗又猛又黄的av粉嫩av-非洲老熟妇一区二区三区久久久

400-800-9385
網(wǎng)站建設(shè)資訊詳細(xì)

VUE如何腳本建站?VUE建站教學(xué)攻略

發(fā)表日期:2022-06-20 10:35:29   作者來(lái)源:王熙程   瀏覽:2817   標(biāo)簽:VUE建站    
想必前端程序員需要VUE項(xiàng)目的時(shí)候,一般都是使用Vscode或者HbuliderX創(chuàng)建項(xiàng)目,但是有寫包都需要外部引入,我一般都是使用node.js腳本創(chuàng)建項(xiàng)目,因?yàn)榭梢园炎约盒枰陌x擇進(jìn)去創(chuàng)建項(xiàng)目。
 
首先我們需要下載node.js腳本,然后電腦快捷鍵使用win+r輸入cmd,進(jìn)入腳本界面輸入npm-v看看是否安裝成功。如下圖

命令安裝
 
然后搭建vue的環(huán)境安裝vue-cl,輸入npm install -g @vue/cli。如下圖

vue環(huán)境

然后輸入vue --version進(jìn)行檢測(cè)看看是否搭配完成。如下圖

vue版本

 
然后需要存放項(xiàng)目的地址,如c盤vue文件下:
 
存放地址
 
最后創(chuàng)建vue項(xiàng)目,輸入vue init webpack vue01,vue01是項(xiàng)目名稱大家可以輸入自己想創(chuàng)建的vue項(xiàng)目名稱。
 
vue項(xiàng)目
 
1.Project name是項(xiàng)目名稱,直接回車
2.Project description是項(xiàng)目描述,寫完回車
3.Author是項(xiàng)目作者,寫完回車
4.其余下面的是項(xiàng)目過程中需要的包,出了Install vue-router是需要的可以選擇yes,其它的我覺得沒什么用,我都是選擇的no,選擇完之后顯示如上圖就是vue項(xiàng)目創(chuàng)建成功了。
 
vue-router這個(gè)包在vue項(xiàng)目進(jìn)行中能起到很大的作用的,比如主頁(yè)面需要引入其它的頁(yè)面進(jìn)來(lái),我們就需要使用vue-router,里面有一個(gè)mian.js,進(jìn)入添加js輸入頁(yè)面路徑引入子頁(yè)面。代碼如下:
 
vue路由
 
大家趕快去試試吧,這樣建站更簡(jiǎn)單方便,運(yùn)行終端的話可以使用npm run dev,在終端里面先輸入cd 文件地址 && npm install,然后會(huì)顯示瀏覽ip地址,Ctrl+右邊就可以直接打開測(cè)試網(wǎng)頁(yè)了。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來(lái)自http://www.sr53.cn/news/6463.html