手把手教你Vue-cli項(xiàng)目的搭建
一、創(chuàng)建項(xiàng)目
vue create project-demo
二、選擇 Preset
三、勾選需要的工具
四、選擇vue版本2
五、vue-router的模式選擇
六、選擇CSS預(yù)處理器
七、選擇代碼風(fēng)格
八、代碼檢查(選擇默認(rèn))
九、文件存儲(chǔ)(選擇第一個(gè)分開(kāi)存儲(chǔ))
十、是否保存你的預(yù)設(shè)置(取名字)
十一、添加到gitignore
十二、創(chuàng)建完成
十三、 運(yùn)行項(xiàng)目
npm run serve
十四、二次創(chuàng)建項(xiàng)目
我們可以看到我們?cè)俅蝿?chuàng)建第二個(gè)項(xiàng)目,會(huì)發(fā)現(xiàn)我們上次預(yù)設(shè)置的項(xiàng)目需要的工具,那么這個(gè)工具我們?cè)趺凑业剿兀坎⑶覄h除掉呢?
我們可以通過(guò)如下圖找到該預(yù)設(shè)文件打開(kāi)觀看,如需刪除預(yù)設(shè),直接刪除該文件,下次創(chuàng)建新項(xiàng)目的時(shí)候就不會(huì)有預(yù)設(shè)的選項(xiàng)出現(xiàn)啦!
總結(jié)
本篇文章就到這里了,希望能夠給你帶來(lái)幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
Element-ui el-tree新增和刪除節(jié)點(diǎn)后如何刷新tree的實(shí)例
這篇文章主要介紹了Element-ui el-tree新增和刪除節(jié)點(diǎn)后如何刷新tree的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08vue3.0+element Plus實(shí)現(xiàn)頁(yè)面布局側(cè)邊欄菜單路由跳轉(zhuǎn)功能
這篇文章主要介紹了vue3.0+element Plus實(shí)現(xiàn)頁(yè)面布局,側(cè)邊欄菜單路由跳轉(zhuǎn),需要的朋友可以參考下2023-07-07elementui時(shí)間/日期選擇器選擇禁用當(dāng)前之前(之后)時(shí)間代碼實(shí)例
當(dāng)我們?cè)谶M(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)時(shí),通常需要用到一些日期組件來(lái)方便用戶(hù)選擇時(shí)間,其中element日期組件是一個(gè)非常好用的工具,這篇文章主要給大家介紹了關(guān)于elementui時(shí)間/日期選擇器選擇禁用當(dāng)前之前(之后)時(shí)間的相關(guān)資料,需要的朋友可以參考下2024-02-02Vue.js 2.0和Cordova開(kāi)發(fā)webApp環(huán)境搭建方法
下面小編就為大家分享一篇Vue.js 2.0和Cordova開(kāi)發(fā)webApp環(huán)境搭建方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02vue proxyTable 接口跨域請(qǐng)求調(diào)試的示例
本篇文章主要介紹了vue proxyTable 接口跨域請(qǐng)求調(diào)試的示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09Vue?計(jì)算屬性之姓名案例的三種實(shí)現(xiàn)方法
這篇文章主要介紹了Vue?計(jì)算屬性之姓名案例的三種實(shí)現(xiàn)方法,計(jì)算屬性實(shí)現(xiàn)、methods實(shí)現(xiàn)和插值語(yǔ)法實(shí)現(xiàn),下面文章具體介紹,需要的小伙伴可以參考一下2022-05-05Vue 開(kāi)發(fā)必須知道的36個(gè)技巧(小結(jié))
這篇文章主要介紹了Vue 開(kāi)發(fā)必須知道的36個(gè)技巧(小結(jié)),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10關(guān)于Vue在ie10下空白頁(yè)的debug小結(jié)
這篇文章主要給大家介紹了關(guān)于Vue在ie10下空白頁(yè)的debug相關(guān)資料,這是最近在工作中遇到的一個(gè)問(wèn)題,通過(guò)查找相關(guān)的資料終于解決了,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2018-05-05