想必前端程序員需要VUE項目的時候,一般都是使用Vscode或者HbuliderX創(chuàng)建項目,但是有寫包都需要外部引入,我一般都是使用node.js腳本創(chuàng)建項目,因為可以把自己需要的包選擇進(jìn)去創(chuà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盤vue文件下:

最后創(chuàng)建vue項目,輸入vue init webpack vue01,vue01是項目名稱大家可以輸入自己想創(chuàng)建的vue項目名稱。

1.Project name是項目名稱,直接回車
2.Project description是項目描述,寫完回車
3.Author是項目作者,寫完回車
4.其余下面的是項目過程中需要的包,出了Install vue-router是需要的可以選擇yes,其它的我覺得沒什么用,我都是選擇的no,選擇完之后顯示如上圖就是vue項目創(chuàng)建成功了。
vue-router這個包在vue項目進(jìn)行中能起到很大的作用的,比如主頁面需要引入其它的頁面進(jìn)來,我們就需要使用vue-router,里面有一個mian.js,進(jìn)入添加js輸入頁面路徑引入子頁面。代碼如下:
新聞名稱:VUE如何腳本建站?VUE建站教學(xué)攻略
分享地址:http://jinyejixie.com/news33/245633.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、外貿(mào)建站、面包屑導(dǎo)航、網(wǎng)站排名、小程序開發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)