VSCode 实用插件

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第8天，点击查看活动详情

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。

我下面推荐一下我个人平时使用的一些插件

Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式

跟 vscode 的 git 方式类似的在 vscode 使用 svn

因为使用 React css in js, 可以将样式的提示从 kebab-case 转换 camelCase ，方便开发

也是因为使用 React css in js，可以从生成输入好的字符串转成 styles.xxx 形式将 emment 生成的代码转换成 css modules 的方式

通常有未完成的工作都会使用 TODO 注释来表示，这款插件会高亮 TODO，并且可以全局搜索 TODO、支持自定义颜色和关键字，非常好用

添加了用于修改文本的更多命名格式，包括驼峰命名、下划线分隔命名，snake_case 命名以及 CONST_CAS 命名等。

匹配项目的 EditorConfig，一般用于不同开源项目之间的编辑器规范，当然可能 Eslint 和 Prettier 会直接处理了

使用 docker ，可以在 vscode 中看到 Docker 的容器列表，快速开关以及进入容器，非常好用

github AI 写代码、目前算是比较智能的，硬编码的提示都非常好用，不过目前已经开始要收费了，学生和热门开源贡献者可以免费

不过还有下面一个 AI 代码的，不过没那么智能，听说付费可以增强，但比 Copilot 还贵

www.tabnine.com/welcome 通过使用 AI 和索引来形成最合理的代码提示。TabNine 使用的机器学习模型存储在本地文件系统中

可以用于到时间自动切换主题，通常是白天和夜晚的亮暗色主题切换

用于 Vscode 之间的项目快速打开切换，支持 SVN、GIT 等版本管理器以及识别

TypeScript 经常会有些很难读懂的错误提示，这是一个将 TypeScript 的提示翻译成更易懂的一个插件

在 Vscode 中查看 glTf 的工具

用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。

将 JSON 转成 TS 类型，真减少硬编码时间

一键运行多种语言运行代码片段或代码文件，写测试的时候利器啊