必须有 VS Code 的扩展(据我所知)

2025-06-08

必须有 VS Code 的扩展(据我所知)

每个人都有生活中不可或缺的东西,无论是你的宠物、吵闹的邻居、税、潮湿的表情包,甚至是水!(这是我提醒你和我自己多喝水的方式,明白了吗?好,我们继续)。

但这次我想谈谈在我心中占有特殊地位的一位编辑器:

Visual Studio 代码
(VS Code,如果你没看过标题的话)

这个小家伙开箱即用,具有一些非常酷的功能:

  • 智能感知
  • 集成版本控制
  • 预览器支持 Markdown
  • 内置终端
  • 查看定义
  • 调试器
  • 等等等等...让我们进入精彩部分:

插件!等等,不。

扩展!👏

这些基本上是为您现有的编辑器添加额外功能以使其功能超过 9,000(什么?!)的方法。


好了好了好了,闲话少说。

我生活中不可缺少的扩展列表

自动关闭标签

自动重命名配对的 HTML/XML 标签,与 Visual Studio IDE 相同。

自动重命名标签

自动重命名配对的 HTML/XML 标签,与 Visual Studio IDE 相同。

自动导入

自动查找、解析并提供所有可用导入的代码操作和代码补全功能。兼容 Typescript 和 TSX。

美化

自动格式化您的 JavaScript、HTML 和 CSS 代码。(是的,就像魔术一样!)。

剪贴板历史记录

保留您复制和剪切项目的历史记录,并让您在需要时重新粘贴它们。

Git 历史记录

查看 git log 以及图表和详细信息。您可以查看文件或特定行的历史记录。

代码运行器

让你运行一个文件或选定的代码片段来快速检查输出。我通常在使用 JavaScript 时使用它,但它也支持相当广泛的其他语言。

Docker

我真的需要解释这个吗?如果你现在还不知道Docker是什么,那就去 Google 一下吧。以后你一定会感谢我的 😉。

(开玩笑的。你可以去这里这里这里了解更多 Docker 优点)。

材料图标主题

怎么?你不喜欢浏览器里可爱的小图标吗?好吧。如果你不想,就跳过这一步。

路径智能感知

我的意思是...名字说明了一切,不是吗?

CSS 类智能感知

通过向您提供项目中已经存在的可能的 CSS 类名的提示来帮助您,这样您就不必一遍又一遍地切换选项卡。

NodeJS 模块智能感知

自动补全核心 NodeJS 模块的名称以及您在package.json“可用”中指定的模块名称。在学习 Node 时非常有用。

ExpressSnippet

如果您正在学习/使用 NodeJS,那么您很可能也会使用 ExpressJS,因此此扩展提供了一些代码片段,以便您可以专注于您的逻辑,而不是围绕您的get()、、、方法的样板post()put()delete()

Markdownlint

这个扩展类似于jshint。它会以某种方式警告你 Markdown 代码中可能存在的错误,这种代码在 GitHub 和其他版本控制托管平台上的开源项目中很常见,无论是 RAEDME.md 还是 CONTRIBUTING.md,它们都使用 Markdown。

波拉科德

允许您复制并粘贴所需的代码块,并使用美观的标准模板将其转换为屏幕截图。(类似于 MacOS 中基于窗口的屏幕截图的外观)。

啊啊啊一切都结束了

就是这样。这些是目前为止我最喜欢的扩展。

您有没有什么扩展可以替代我提到的那些?或者您想添加更多扩展吗?

请在下面告诉我,我随时准备寻找扩展

鏂囩珷鏉ユ簮锛�https://dev.to/chrisvasqm/must-have-extensions-for-vs-code-according-to-me-dho
PREV
想参加黑客马拉松吗?想参加吗?快来阅读!你被召唤了!我该怎么做?总之,尽情享受吧!
NEXT
这只是语法糖