天天看點

Vue3 腳手架建立項目

Vue 腳手架建立項目

vue 建立項目
vue create vueadmin      

這個指令建立項目會隻建立2個檔案,這個可以是我沒有選擇那個安裝目錄這個,隻點了default 子產品配置導緻的

Vue3 腳手架建立項目

重新建立一遍,換另外一個方式如下

Vue3 腳手架建立項目

正常的

  1. 預設Vue2配置
  2. 預設Vue3配置
  3. 手動選擇配置
Vue3 腳手架建立項目

我建立的

Vue3 腳手架建立項目

自定義配置選項

Vue3 腳手架建立項目

( ) Babel // 文法轉換

( ) TypeScript // 使用 TypeScript

( ) Progressive Web App (PWA) Support // 支援PWA

( ) Router // 路由

( ) Vuex // store

( ) CSS Pre-processors // CSS 預處理器

( ) Linter / Formatter // 代碼風格檢查和格式化

( ) Unit Testing // 支援單元測試

( ) E2E Testing // 支援E2E測試

Vue3 腳手架建立項目
Vue3 腳手架建立項目

代碼驗證模式,一般選擇最後一個 ESLint + Prettier 這個選擇第一個做測試而已

Vue3 腳手架建立項目

熱更新模式,選 Lint on save 儲存的時候就熱更新

Vue3 腳手架建立項目

配置檔案存放在單獨的檔案裡 選 In dedicated config files

Vue3 腳手架建立項目

是否儲存建立的選項,儲存的話,下次建立也會按這個選擇來建立,我們先選擇 n 不儲存

Vue3 腳手架建立項目

接下來就可以等待項目建立了

Vue3 腳手架建立項目

最後這個報錯了

Vue3 腳手架建立項目

應該是代碼這個選擇了第一個的原因

Vue3 腳手架建立項目

這個建立項目可以是自己重新開發的時候用,一般建立項目建議用下面的第二種方式

因為這個建立的項目目錄不全面,要自己去建立檔案夾

Vue3 腳手架建立項目

沒有第二種全,新手建議第二種

二、删除預設模闆

Vue3 腳手架建立項目
Vue3 腳手架建立項目
  1. 打開.vuerc檔案
Vue3 腳手架建立項目

第二種方式建立vue項目 比前面簡單一些

vue init webpack exprice   exprice  項目名字      

一直yes 回車

Vue3 腳手架建立項目

安裝中,全部加載安裝有點久,不過正常

Vue3 腳手架建立項目

加載成功

Vue3 腳手架建立項目

繼續閱讀