Vetur

Vue文件支持必备。Vscode插件，直接搜索安装。

注意：

从实际经验来看，vetur配合 vuedx ，更适合跑在 vue2 项目里。

如何配置？
tsconfig setup:
1. Install and add @vuedx/typescript-plugin-vue to tsconfig plugins
2. Delete src/shims-vue.d.ts
3. Open src/main.ts in VSCode
4. Open VSCode command input
5. Search and run “Select TypeScript version” -> “Use workspace version”

VueDX

支持 .vue 里的ts，类型检查、自动补全、提示优化。
相对路径 ./xx.vue 点不动？用它！

Volar

因为 volar 另起灶炉，更早支持 vue3 和 vue3 setup、ref等语法糖，让 volar 进入大众视角。

⚡ The Fastest Vue Language Support Extension 最快的Vue（vsocde）拓展

注意：

如果你在用 vue3 ，推荐把 vetur 和 vuedx 禁用掉，或者工作区禁用
只使用 volar 就可以
lint使用 vue-tsc

Volar is a Language Support plugin built specifically for Vue 3. It’s based on @vue/reactivity to calculate TypeScript on-demand to optimization performance close to native TypeScript language service. 它是一个专门为VUE3构建的语言支持插件。它基于@vue/reactive计算TypeScript按需优化性能，以接近本机TypeScript语言服务。

If you need Type-Checking on command line, you can use vue-tsc. 如果需要在命令行上进行类型检查，可以使用vue tsc。

tsconfig.json / jsconfig.json是必需的。必须”strict”: true和”moduleResolution”: “node”。

想使用 <script setup> 就得使用 volar

https://github.com/johnsoncodehk/volar

Vue-tsc

vue-tsc —noEmit && vite build

依赖 ts 和 volar，在 vite 脚手架中默认自带，推荐配合 volar 始终打开 lint

https://github.com/johnsoncodehk/vue-tsc

Vite Rollup Plugins

https://vite-rollup-plugins.patak.dev/
哪些 rollup 插件支持 vite

vue-tsc: check Vue files like TS from the command line
- vue-dts-gen: generate definitions from Vue files