vue-create創(chuàng)建VUE3項(xiàng)目詳細(xì)圖文教程
1.創(chuàng)建文件夾右鍵點(diǎn)擊打開(kāi)終端或目錄cmd
2.輸入命令 vue create
（這里跟的是項(xiàng)目的名稱 不能為關(guān)鍵字或帶中文）
3.選中第三個(gè)類別自定義創(chuàng)建項(xiàng)目
// 或者選擇第一個(gè)快捷創(chuàng)建VUE3 進(jìn)入第12步
4.我們可以按上下鍵，然后按空格鍵選中需要的選項(xiàng)，最后按回車鍵進(jìn)入下一步
( ) Babel //轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。
( ) TypeScript// TypeScript是一個(gè)JavaScript（后綴.js）的超集（后綴.ts）包含并擴(kuò)展了 JavaScript 的語(yǔ)法，需要被編譯輸出為 JavaScript在瀏覽器運(yùn)行
( ) Progressive Web App (PWA) Support// 漸進(jìn)式Web應(yīng)用程序
( ) Router // vue-router（vue路由）
( ) Vuex // vuex（vue的狀態(tài)管理模式）
( ) CSS Pre-processors // CSS 預(yù)處理器（如：less、sass）
( ) Linter / Formatter // 代碼風(fēng)格檢查和格式化（如：ESlint）（嚴(yán)格模式）
( ) Unit Testing // 單元測(cè)試（unit tests）
( ) E2E Testing // e2e（end to end） 測(cè)試
5.選擇要?jiǎng)?chuàng)建的vue的版本，我們選3.x
6.是否使用history路由模式(不帶#號(hào)的)，輸入 Y
7.選擇css 模式，我們選擇dart-sass
8.代碼驗(yàn)證模式，選擇第一個(gè)
9.熱更新模式，選擇 Lint on save 保存的時(shí)候就熱更新
10.選中插件配置文件是否獨(dú)立 選擇 In dedicated config files
- In dedicated config files：?jiǎn)为?dú)生成專門(mén)的文件來(lái)保存插件的配置代碼
- In package.json：在package.json文件中保存插件的配置代碼
11.預(yù)設(shè)路徑（選項(xiàng)）是否保存 這里我們選擇N。
如果你選中Y，剛剛的所有步驟默認(rèn)保存起來(lái)，輸入一個(gè)名字，下一次進(jìn)來(lái)這個(gè)名字就可以直接選
12. 創(chuàng)建成功后顯示如下兩個(gè)命令
13.依次輸入這兩個(gè)命令
cd project-vue3 這行命令代表切換到該項(xiàng)目的根目錄
npm run serve 表示啟動(dòng)該項(xiàng)目
14.成功后返回鏈接 按住Ctrl 并點(diǎn)擊鼠標(biāo)左鍵訪問(wèn)
最后為成功的頁(yè)面
總結(jié)
到此這篇關(guān)于vue-create創(chuàng)建VUE3項(xiàng)目的文章就介紹到這了,更多相關(guān)vue-create創(chuàng)建VUE3項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
基于Vue實(shí)現(xiàn)本地消息隊(duì)列MQ的示例詳解
這篇文章為大家詳細(xì)主要介紹了如何基于Vue實(shí)現(xiàn)本地消息隊(duì)列MQ, 讓消息延遲消費(fèi)或者做緩存,文中的示例代碼講解詳細(xì),需要的可以參考一下2024-02-02
這篇文章主要介紹了Vue?展示.md文件的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了Vue全局變量局部變量，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
vue3中使用keepAlive緩存路由組件不生效的問(wèn)題解決
這篇文章主要介紹了vue3中使用keepAlive緩存路由組件不生效的問(wèn)題解決,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-06-06
Vue中的基礎(chǔ)過(guò)渡動(dòng)畫(huà)及實(shí)現(xiàn)原理解析
這篇文章主要介紹了Vue中的基礎(chǔ)過(guò)渡動(dòng)畫(huà)原理解析,需要的朋友可以參考下2018-12-12
關(guān)于vue3中的reactive賦值問(wèn)題
這篇文章主要介紹了關(guān)于vue3中的reactive賦值問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
vue1.0和vue2.0的watch監(jiān)聽(tīng)事件寫(xiě)法詳解
今天小編就為大家分享一篇vue1.0和vue2.0的watch監(jiān)聽(tīng)事件寫(xiě)法詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Vue實(shí)現(xiàn)base64編碼圖片間的切換功能
這篇文章主要介紹了Vue實(shí)現(xiàn)base64編碼圖片間的切換功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
使用Element時(shí)默認(rèn)勾選表格toggleRowSelection方式
這篇文章主要介紹了使用Element時(shí)默認(rèn)勾選表格toggleRowSelection方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)周日歷切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04