Vue3 + Vite + Ts 开发必备的 VSCode 插件

1. Vetur：Vue 语法高亮和语法检查插件。

2. Vue Peek：快速定位 Vue 组件和模板。

3. Vue 3 Snippets：快速生成 Vue3 相关代码的代码片段。

4. Vue VSCode Extension Pack：包含了一系列优秀的 Vue 相关插件，如 Vetur、Vue Peek、ESLint 等。

5. Vite：Vue 官方提供的快速开发工具，可以快速构建和启动项目，同时支持 TypeScript。

6. TypeScript Import Sorter：可以自动帮助你排序 TypeScript 导入的模块。

7. TypeScript Hero：可以帮助你快速重构 TypeScript 代码，包括重命名、提取函数等。

8. TSLint：另一个代码风格检查工具，可以帮助你遵循一致的 TypeScript 代码风格。

9. ESLint：代码风格检查工具，可以通过配置文件自定义规则。

10. Prettier：代码格式化工具，可以根据配置格式化代码，让你的代码更加整洁易读。

11. GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。

12. Auto Import：自动导入工具，可以根据代码上下文自动导入需要的模块

13. Debugger for Chrome：在 VSCode 中调试 Vue 应用时需要使用的工具。

14. HTML CSS Support：支持 HTML、CSS、SCSS、LESS 等语法的智能提示和代码补全。

15. Auto Rename Tag：自动重命名匹配的 HTML 标签。

16. Bracket Pair Colorizer：给括号加上颜色，方便区分代码块。

17. Path Intellisense：自动提示文件路径和文件名，避免手动输入错误。

18. GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。