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

2.輸入命令 vue create

（這里跟的是項目的名稱 不能為關鍵字或帶中文）

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

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

4.我們可以按上下鍵，然后按空格鍵選中需要的選項，最后按回車鍵進入下一步

( ) Babel //轉碼器，可以將ES6代碼轉為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。
( ) TypeScript// TypeScript是一個JavaScript（后綴.js）的超集（后綴.ts）包含并擴展了 JavaScript 的語法，需要被編譯輸出為 JavaScript在瀏覽器運行
( ) Progressive Web App (PWA) Support// 漸進式Web應用程序
( ) Router // vue-router（vue路由）
( ) Vuex // vuex（vue的狀態(tài)管理模式）
( ) CSS Pre-processors // CSS 預處理器（如：less、sass）
( ) Linter / Formatter // 代碼風格檢查和格式化（如：ESlint）（嚴格模式）
( ) Unit Testing // 單元測試（unit tests）
( ) E2E Testing // e2e（end to end） 測試

5.選擇要創(chuàng)建的vue的版本，我們選3.x

6.是否使用history路由模式(不帶#號的)，輸入 Y

7.選擇css 模式，我們選擇dart-sass

8.代碼驗證模式，選擇第一個

9.熱更新模式，選擇 Lint on save      保存的時候就熱更新

10.選中插件配置文件是否獨立 選擇 In dedicated config files

• In dedicated config files：單獨生成專門的文件來保存插件的配置代碼
• In package.json：在package.json文件中保存插件的配置代碼

11.預設路徑（選項）是否保存   這里我們選擇N。

如果你選中Y，剛剛的所有步驟默認保存起來，輸入一個名字，下一次進來這個名字就可以直接選

12. 創(chuàng)建成功后顯示如下兩個命令

13.依次輸入這兩個命令 

cd project-vue3  這行命令代表切換到該項目的根目錄

npm run serve 表示啟動該項目

14.成功后返回鏈接 按住Ctrl 并點擊鼠標左鍵訪問

最后為成功的頁面

總結

到此這篇關于vue-create創(chuàng)建VUE3項目的文章就介紹到這了,更多相關vue-create創(chuàng)建VUE3項目內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論