想必前端程序員需要VUE項(xiàng)目的時(shí)候,一般都是使用Vscode或者HbuliderX創(chuàng)建項(xiàng)目,但是有寫(xiě)包都需要外部引入,我一般都是使用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 --version進(jìn)行檢測(cè)看看是否搭配完成。如下圖
然后需要存放項(xiàng)目的地址,如c盤(pán)vue文件下:
最后創(chuàng)建vue項(xiàng)目,輸入vue init webpack vue01,vue01是項(xiàng)目名稱(chēng)大家可以輸入自己想創(chuàng)建的vue項(xiàng)目名稱(chēng)。
1.Project name是項(xiàng)目名稱(chēng),直接回車(chē)
2.Project description是項(xiàng)目描述,寫(xiě)完回車(chē)
3.Author是項(xiàng)目作者,寫(xiě)完回車(chē)
4.其余下面的是項(xiàng)目過(guò)程中需要的包,出了Install vue-router是需要的可以選擇yes,其它的我覺(jué)得沒(méi)什么用,我都是選擇的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è)面。代碼如下:
大家趕快去試試吧,這樣建站更簡(jiǎn)單方便,運(yùn)行終端的話(huà)可以使用npm run dev,在終端里面先輸入cd 文件地址 && npm install,然后會(huì)顯示瀏覽ip地址,Ctrl+右邊就可以直接打開(kāi)測(cè)試網(wǎng)頁(yè)了。
如沒(méi)特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來(lái)自http://www.sdlwjx666.com/news/6463.html