This template should help get you started developing with Vue 3 in Vite.
VSCode with some Packages:
- Vue - Official (and disable Vetur).
- Vue Extension Box
- Stylelint
- EditorConfig for VS Code
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue
types.
See Vite Configuration Reference.
See DEV_WINDOWS.md
# 安裝套件
npm install
# husky 初始化
npm run prepare
npm start
npm run build
Run Unit Tests with Vitest
npm run test:unit
Run End-to-End Tests with Cypress
npm run test:e2e:dev
This runs the end-to-end tests against the Vite development server. It is much faster than the production build.
But it's still recommended to test the production build with test:e2e
before deploying (e.g. in CI environments):
npm run build
npm run test:e2e
Lint with ESLint
npm run lint
Lint style with Stylelint
npm run lint:style
Check types with vue-tsc
npm run type-check
使用 commitizen 格式化 commit 訊息,規範 CHANGELOG 內容
# 安裝 commitizen
npm install -g commitizen
# commit
git cz
npm run release