This template should help get you started developing with Vue 3 in Vite.

VSCode + Volar (and disable Vetur).

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.

yarn

yarn dev

yarn build

yarn test:unit

yarn 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):

yarn build
yarn test:e2e

yarn lint