手把手教你Vue-cli項(xiàng)目的搭建
更新時(shí)間：2022年02月17日 10:55:00 作者：但老師
這篇文章主要為大家詳細(xì)介紹了Vue-cli項(xiàng)目的搭建方法，文中圖片介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
一、創(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è)趺凑业剿?？并且刪除掉呢？
我們可以通過(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)文章
解決ant Design Search無(wú)法輸入內(nèi)容的問(wèn)題
這篇文章主要介紹了解決ant Design Search無(wú)法輸入內(nèi)容的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
這篇文章主要介紹了原理深度解析Vue的響應(yīng)式更新比React快，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
Vue.js中使用iView日期選擇器并設(shè)置開(kāi)始時(shí)間結(jié)束時(shí)間校驗(yàn)功能
本文通過(guò)實(shí)例代碼給大家介紹了Vue.js中使用iView日期選擇器并設(shè)置開(kāi)始時(shí)間結(jié)束時(shí)間校驗(yàn)功能,需要的朋友可以參考下2018-08-08
vue+element使用動(dòng)態(tài)加載路由方式實(shí)現(xiàn)三級(jí)菜單頁(yè)面顯示的操作
這篇文章主要介紹了vue+element使用動(dòng)態(tài)加載路由方式實(shí)現(xiàn)三級(jí)菜單頁(yè)面顯示的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
vue深拷貝的3種實(shí)現(xiàn)方式小結(jié)
當(dāng)使用同一個(gè)對(duì)象產(chǎn)生沖突時(shí)，可以使用lodash包，對(duì)該對(duì)象進(jìn)行深拷貝，從而使操作的對(duì)象為不同的對(duì)象,這篇文章主要給大家介紹了關(guān)于vue深拷貝的3種實(shí)現(xiàn)方式,需要的朋友可以參考下2023-02-02
Nuxt3項(xiàng)目中問(wèn)題匯總之刷新頁(yè)面useFetch無(wú)返回解決
Nuxt.js是一個(gè)基于 Vue.js 的服務(wù)端渲染應(yīng)用框架,這篇文章主要給大家介紹了關(guān)于Nuxt3項(xiàng)目中問(wèn)題匯總之刷新頁(yè)面useFetch無(wú)返回解決辦法的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
Vue3如何自定義指令directive(如權(quán)限控制)
本文詳細(xì)介紹了如何在Vue3項(xiàng)目中創(chuàng)建自定義指令directive1,首先,在src/directives/index.ts文件中引入自定義指令,然后,創(chuàng)建src/directives/permission.ts文件來(lái)定義具體指令邏輯,在main.ts文件中引入并注冊(cè)該指令,最后,在頁(yè)面中使用自定義指令2024-12-12
Vue跨端渲染實(shí)現(xiàn)多端無(wú)縫銜接
這篇文章主要介紹了Vue跨端渲染實(shí)現(xiàn)多端無(wú)縫銜接，Vue跨端渲染是一種基于Vue框架的跨平臺(tái)開(kāi)發(fā)技術(shù)，能夠?qū)崿F(xiàn)Web、iOS和Android三端的無(wú)縫銜接，提高開(kāi)發(fā)效率和用戶體驗(yàn)2023-05-05
22個(gè)Vue優(yōu)化技巧(項(xiàng)目實(shí)用)
演示代碼使用 Vue3 + ts + Vite 編寫(xiě)，但是也會(huì)列出適用于 Vue2 的優(yōu)化技巧，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
vue實(shí)現(xiàn)給某個(gè)數(shù)據(jù)字段添加顏色
這篇文章主要介紹了vue實(shí)現(xiàn)給某個(gè)數(shù)據(jù)字段添加顏色方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03