Repository files navigation

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

VSCode +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.

SeeVite Configuration Reference.

npm install

npm run dev

npm run build

npm run lint