圖文講解用vue-cli腳手架創(chuàng)建vue項(xiàng)目步驟
用vue-cli腳手架可以快速的構(gòu)建出一個(gè)前端vue框架的項(xiàng)目結(jié)構(gòu)。今天小編我便來(lái)記錄一下vue-cli腳手架的構(gòu)建項(xiàng)目的經(jīng)驗(yàn)。
1、首先便是要搭建好vue-cli腳手架工具才行滴。搭建vue-cli腳手架工具的方法便是如圖所示這樣滴。
2、然后指定一個(gè)目錄并用vue init webpack+項(xiàng)目名稱(chēng)便可得到前端項(xiàng)目的結(jié)構(gòu)了哦。
3、接著便是一路回車(chē)來(lái)確認(rèn)項(xiàng)目所用到的一些語(yǔ)法和測(cè)試包即可。
4、接著便可看到依賴(lài)包已經(jīng)配置成功了?？梢杂胏d來(lái)進(jìn)入項(xiàng)目里邊并執(zhí)行npm run dev即可啟動(dòng)剛才初始化搭建的項(xiàng)目了。
5、接著看看bdjy這個(gè)目錄里面就有了vue項(xiàng)目結(jié)構(gòu)的一些依賴(lài)包了哦。
6、這個(gè)components就是存放vue組件的哦。而這個(gè)route則是設(shè)置vue路由的文件夾啦哦。
7、啟動(dòng)vue項(xiàng)目后便可以在自己電腦的瀏覽器看到bdjy這個(gè)項(xiàng)目的入口頁(yè)面了。
相關(guān)文章
vue.js 嵌套循環(huán)、if判斷、動(dòng)態(tài)刪除的實(shí)例
下面小編就為大家分享一篇vue.js 嵌套循環(huán)、if判斷、動(dòng)態(tài)刪除的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
這篇文章主要介紹了Vue.js中關(guān)于“{{}}”的用法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue 應(yīng)用在首屏加載時(shí)速度過(guò)慢,通常與以下問(wèn)題有關(guān)：打包文件過(guò)大、網(wǎng)絡(luò)請(qǐng)求過(guò)多、資源加載過(guò)慢,針對(duì)這些問(wèn)題,本文給大家介紹了Vue首屏加載過(guò)慢的優(yōu)化方法,需要的朋友可以參考下2025-01-01
這篇文章主要介紹了element-ui如何防止重復(fù)提交的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
本文主要介紹在vue項(xiàng)目中,遇到數(shù)據(jù)更新但視圖不更新的情況時(shí),無(wú)法使用watch監(jiān)聽(tīng)、無(wú)法使用this.$set方法,同時(shí)使用this.$forceUpdate()無(wú)效時(shí),所使用的解決方案,需要的朋友可以參考下2024-02-02
vue加載動(dòng)畫(huà)element ui V-loading屬性的踩坑記錄
這篇文章主要介紹了vue加載動(dòng)畫(huà)element ui V-loading屬性方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue如何實(shí)現(xiàn)跨頁(yè)面?zhèn)鬟f與接收數(shù)組并賦值
這篇文章主要介紹了vue如何實(shí)現(xiàn)跨頁(yè)面?zhèn)鬟f與接收數(shù)組并賦值，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue?this.$router和this.$route區(qū)別解析及路由傳參的2種方式?&&?this.$route
this.$router?相當(dāng)于一個(gè)全局的路由器對(duì)象,包含了很多屬性和對(duì)象（比如?history?對(duì)象）,任何頁(yè)面都可以調(diào)用其?push(),?replace(),?go()?等方法,本文給大家介紹Vue中this.$router與this.$route的區(qū)別?及push()方法,感興趣的朋友跟隨小編一起看看吧2023-10-10
vue滾動(dòng)條滾動(dòng)到頂部或者底部的方法
這篇文章主要給大家介紹了關(guān)于vue滾動(dòng)條滾動(dòng)到頂部或者底部的相關(guān)資料,文中通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08
本文主要介紹了Javascript中Vuex的相關(guān)知識(shí)。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02