建立專案

vue create 專案名稱
default：預設配置,,如果選擇預設一直回車即可，第一第二個就是vue2和vue3的區別
manually：手動配置,選擇手動需要進行相應的配置

 

 

根據自己專案需求選擇相應的選項,上下鍵和空格選擇，最後回車確認
babel---轉碼
typescript
Progressive Web App (PWA) Support---（PWA）
router
vuex
CSS Pre-processors---css預處理
Linter / Formatter---程式碼風格檢查和格式化
Unit Testing---單元測試
E2E Testing---e2e測試

 

 

選擇一個vue版本

 

 

 

使用css前處理器風格的元件語法？

 

 

 

使用Babel與TypeScript一起用於自動檢測？

 

 

 路由使用歷史模式? 這種模式充分利用 history.pushState API 來完成 URL 跳轉而無須重新載入頁面

 

 

 

選擇哪種css前處理器

 

 

 

ESLint with error prevention only 只檢測錯誤
ESLint + Airbnb config 獨角獸公司的Airbnb，有人說這是一份最合理的JavaScript 的編碼規範，他幾乎涵蓋了js的各個方面
ESLint + Standard config standardjs 是一份強大的js程式設計規範，自帶linter和自動程式碼糾正，沒有配置，自動格式化程式碼，可在編碼早期發現規範問題和低階錯誤
ESLint + Prettier Prettier作為程式碼格式話工具，能夠統一整體團隊的程式碼風格
TSLint (deprecated)  

 

 

Lint on save 儲存就檢測
Lint and fix on commit 使用者commit時檢測

 

 

 

 

n dedicate config files 在專用配置檔案中，單獨管理
In package.json 放在package.json 檔案中

 

 

 

 

是否將以上這些儲存為未來專案的配置？

 

 

 

最後   npm run serve 啟動專案即可