必须有 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