圖文講解用vue-cli腳手架創(chuàng)建vue項(xiàng)目步驟
用vue-cli腳手架可以快速的構(gòu)建出一個(gè)前端vue框架的項(xiàng)目結(jié)構(gòu)。今天小編我便來記錄一下vue-cli腳手架的構(gòu)建項(xiàng)目的經(jīng)驗(yàn)。
1、首先便是要搭建好vue-cli腳手架工具才行滴。搭建vue-cli腳手架工具的方法便是如圖所示這樣滴。
2、然后指定一個(gè)目錄并用vue init webpack+項(xiàng)目名稱便可得到前端項(xiàng)目的結(jié)構(gòu)了哦。
3、接著便是一路回車來確認(rèn)項(xiàng)目所用到的一些語法和測試包即可。
4、接著便可看到依賴包已經(jīng)配置成功了?？梢杂胏d來進(jìn)入項(xiàng)目里邊并執(zhí)行npm run dev即可啟動剛才初始化搭建的項(xiàng)目了。
5、接著看看bdjy這個(gè)目錄里面就有了vue項(xiàng)目結(jié)構(gòu)的一些依賴包了哦。
6、這個(gè)components就是存放vue組件的哦。而這個(gè)route則是設(shè)置vue路由的文件夾啦哦。
7、啟動vue項(xiàng)目后便可以在自己電腦的瀏覽器看到bdjy這個(gè)項(xiàng)目的入口頁面了。
相關(guān)文章
本文主要介紹了vue中keep-alive多級路由緩存問題，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-12-12
通過vue.extend實(shí)現(xiàn)消息提示彈框的方法記錄
這篇文章主要給大家介紹了關(guān)于通過vue.extend實(shí)現(xiàn)消息提示彈框的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
Vue.js組件tab實(shí)現(xiàn)選項(xiàng)卡切換
這篇文章主要為大家詳細(xì)介紹了Vue.js組件tab實(shí)現(xiàn)選項(xiàng)卡切換的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
VSCode寫vue項(xiàng)目一鍵生成.vue模版,修改定義其他模板的方法
這篇文章主要介紹了VSCode寫vue項(xiàng)目一鍵生成.vue模版,修改定義其他模板的方法,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-04-04
element ui中表單el-form的label如何設(shè)置寬度
這篇文章主要介紹了element ui中表單el-form的label如何設(shè)置寬度，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
在項(xiàng)目中使用自定義字體可以提升頁面的視覺效果,并確保在不同設(shè)備上的一致性,文中通過代碼示例給出了具體的操作步驟,對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-06-06
Vue中使用回車鍵觸發(fā)事件的方法實(shí)現(xiàn)
本文主要介紹了Vue中使用回車鍵觸發(fā)事件的方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
這篇文章主要介紹了vue實(shí)現(xiàn)城市列表選擇功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07
Vs-code/WebStorm中構(gòu)建Vue項(xiàng)目的實(shí)現(xiàn)步驟
本文主要介紹了在Vs-code/WebStorm中構(gòu)建Vue項(xiàng)目，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
最近在學(xué)習(xí)vue,感覺路由守衛(wèi)這個(gè)地方知識點(diǎn)挺多的,而且很重要,下面這篇文章主要給大家介紹了關(guān)于vue3中7種路由守衛(wèi)的使用大全,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03