This template should help get you started developing with Vue 3 in Vite.
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 TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
Extensions: Show Built-in Extensionsfrom VSCode's command palette
- Reload the VSCode window by running
Developer: Reload Windowfrom the command palette.
Lint with ESLint