你可能不知道的 Visual Studio Code 扩展

2025-05-25

你可能不知道的 Visual Studio Code 扩展

近几年来,Visual Studio Code 的受欢迎程度呈爆炸式增长。它默认自带许多功能,但我们也可以下载扩展程序来添加几乎任何类型的所需功能。

我使用 VS Code 已经有几年了,但总能从别人那里学到一些东西。最近我在 Twitter 上征集了大家最喜欢的 3 个扩展,希望能发现一些隐藏的精华,我想我确实做到了。

为什么是前 3 个?这是故意的。没错,我们大多数人都安装了更多,但限制在 3 个会让人们思考什么才是真正重要的。

正如您所料,有很多扩展获得了 1-2 票,但也有一些新兴的模式。如果您想查找这些扩展,请打开 VS Code,点击侧边栏中的扩展图标,然后使用搜索框。

在开始之前,你可能会注意到缺少一个叫做 Emmet 的热门扩展。它曾经很受欢迎,但现在已经内置在 VS Code 中了,所以我把它去掉了。

精选

  • 实时服务器
  • Prettier
  • Git Lens
  • 括号对着色器

到目前为止,这 4 个扩展程序是选择最多的。接下来的一组也获得了相当多的选票:

受欢迎的

  • ES Lint
  • 实时共享
  • 缩进彩虹
  • 短尾矮袋鼠
  • 维图尔
  • 代码片段包 - React、ES7、GraphQL、Redux、Angular 等
  • Git 图表

这些也是受欢迎的选择,尤其是不同语言和框架的代码片段。

接下来,还有一长串只有 1-2 票的扩展列表,但也值得一看,您可能会发现一个适合您工作类型的扩展:

视觉/颜色扩展

  • 缩进块突出显示
  • 更好的评论
  • 彩虹支架
  • 颜色突出显示
  • VSCode 图标
  • 笔记
  • TODO 突出显示
  • 表情符号
  • 美化
  • VS Code 样式组件
  • 孔雀

改善工作流程和生产力

  • HTML 中 CSS 类名的 IntelliSense
  • 代码拼写检查器
  • 书签
  • 设置同步
  • REST 客户端
  • 远程开发
  • 瓦卡时间
  • 专案经理
  • 版本镜头
  • 误差透镜
  • 拼写检查器
  • TODO 树
  • TabNine
  • Turbo 控制台日志
  • 进口成本
  • 更好的评论
  • 波拉科德
  • 实时 SASS 编译器
  • 节点执行

自动化工具

  • 自动重命名标签
  • 自动完成标签
  • 自动关闭标签
  • 自动导入
  • 自动保存(有很多不同种类,搜索“保存”)
  • 路径自动完成

Markdown 工具

  • Markdown 一体化
  • Markdown 预览

Vim 工具

  • Vim
  • Neo Vim

在撰写本文时,一款名为Kite的新工具也已发布,值得一试。它是一款功能强大的自动完成工具,利用机器学习提供智能建议。目前,JavaScript 和 Python 用户均可使用。

上述许多工具取决于您的编码类型,但希望您能发现一些新的工具来帮助您。

文章来源:https://dev.to/chrisdixon161/visual-studio-extensions-you-might-not-know-d1b
PREV
JavaScript 中的类 什么是类?JavaScript 中的类 公共与私有访问器方法 Final 语句
NEXT
Big(O) 符号总结!