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è)面文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-768668.html
? ??文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-768668.html
到了這里,關(guān)于vue-create 創(chuàng)建 VUE3項(xiàng)目-創(chuàng)建的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!