1.創(chuàng)建文件夾右鍵點(diǎn)擊打開(kāi)終端或目錄cmd

2.輸入命令 vue create

（這里跟的是項(xiàng)目的名稱(chēng) 不能為關(guān)鍵字或帶中文）

3.選中第三個(gè)類(lèi)別自定義創(chuàng)建項(xiàng)目             

//   或者選擇第一個(gè)快捷創(chuàng)建VUE3 進(jìn)入第12步

4.我們可以按上下鍵，然后按空格鍵選中需要的選項(xiàng)，最后按回車(chē)鍵進(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ú)生成專(zhuān)門(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)文章希望大家以后多多支持腳本之家！

最新評(píng)論