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