Vue生態圈之----Vue CLI3學習整理----建立專案選項說明
阿新 • • 發佈:2020-07-27
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即可。