1. 程式人生 > 實用技巧 >Vue生態圈之----Vue CLI3學習整理----建立專案選項說明

Vue生態圈之----Vue CLI3學習整理----建立專案選項說明

vue create [專案名稱]

提示選擇一個preset(預置項),或自定義:

選擇自定義選項:

全選,看看都有什麼?

是否使用class風格的元件語法?Y

是否使用Babel為TypeScript做轉義?Y

路由是否使用History模式?Y

選擇一種CSS預處理:Less (如果安裝Sass/SCSS,需要本地預先安裝python)

選擇一種TypeScript格式化規範型別:ESLint + Prettier

儲存時檢測 還是 提交時檢測並修復:Lint on save

選擇一種單元測試方案:Jest

選擇一種E2E(端對端)測試方案:Cypress(只在Chrome瀏覽器上測試)

將以上配置存放到哪裡?In dedicated config files (單獨檔案中)

是否儲存為preset(預設項,以後可以使用的,就不用像這樣再一步一步來):Y

儲存preset為(給預置項個名字):All

之後系統自動安裝專案並生成preset(預置項)

在 home 目錄下的一個json檔案,是@vue/cli 的全域性配置,可以使用 vue config 命令來審查或修改全域性的 CLI 配置

專案目錄結構:

可以看到專案是使用TypeScript編寫,如果想使用JavaScript編輯,在安裝選項時不選擇TypeScript即可。