Repository files navigation

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3<script setup> SFCs, check out thescript setup docs to learn more.

• VS Code +Volar (and disable Vetur) +TypeScript Vue Plugin (Volar).

TypeScript cannot handle type information for.vue imports by default, so we replace thetsc CLI withvue-tsc for type checking. In editors, we needTypeScript Vue Plugin (Volar) to make the TypeScript language service aware of.vue types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented aTake Over Mode that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. RunExtensions: Show Built-in Extensions from VSCode's command palette
   2. FindTypeScript and JavaScript Language Features, right click and selectDisable (Workspace)
2. Reload the VSCode window by runningDeveloper: Reload Window from the command palette.