我最喜欢的 12 个 VSCode 扩展

2025-05-25

我最喜欢的 12 个 VSCode 扩展

VSCode 之所以如此出色的代码编辑器,原因之一在于社区创建的庞大扩展库,这些扩展库极大地提高了开发人员的生产力。以下是一些我最喜欢的 VSCode 扩展。


1. 彩虹括号

彩虹括号示例
这个简单的扩展使您的括号变得丰富多彩,以便您可以轻松找到匹配的对。

2. 自动重命名标签

自动重命名标签演示
您绝对不会在不更改相应的开始/结束标签的情况下更改 HTML 标签。使用此扩展程序可以同时自动更改这两个标签。

3.相对路径

相对路径演示
这个扩展节省了我编写导入语句的大量时间。只需一个简单的键盘快捷键,即可轻松获取工作区中任何文件的相对路径。

4. Prettier

替代文本
使用此格式化程序保持代码风格一致。根据您的喜好配置设置,然后使用键盘快捷键或在保存时格式化代码。

5. htmltagwrap

htmltagwrap 演示
突出显示一段代码并使用快捷方式将其包装在任何 html 标签中。

6. Markdown 预览增强

Markdown 预览增强演示
如果您曾经编写过 markdown 文件,那么实时预览将非常有用。

7. Polacode

Polacode 演示
此扩展程序允许您截取代码的精美屏幕截图。

8. 随机一切

替代文本
我们的时间有很多更好的用途,而不是用来伪造占位符数据。此扩展程序允许您快速向代码中添加随机数据,例如姓名、电子邮件、颜色等。

9. CSS Peek

CSS Peek 演示
“快速预览”任何 CSS 类、ID 或 HTML 标签的样式。您可以内联打开样式,或快速跳转到定义样式的文件。

10. Turbo控制台日志

Turbo 控制台日志演示
使用键盘快捷键轻松将变量名称及其值记录到控制台。可配置在日志中包含文件名和行号等信息,以便于调试。

11. 简单的 React 代码片段

简单的 React 代码片段演示
您反复编写的所有 React 样板的片段。

12. 代码片段创建器

片段创建器演示
有很多像上面提到的 React 代码片段扩展一样的代码片段,但有时你可能想创建自己的自定义代码片段。这个扩展可以让你轻松实现这一点。

文章来源:https://dev.to/katherinecodes/my-12-favorite-vscode-extensions-cld
PREV
Figma 开发者版
NEXT
正则表达式:它们如何工作?