19 个 VS Code 扩展程序助您提升工作效率🚀🔥
VS Code是一款免费、跨平台、开源代码编辑器,近年来成为开发人员最受欢迎的选择。
它以其灵活性和定制选项而闻名,拥有蓬勃发展的扩展生态系统,可以扩展其功能并使其更加强大。
在本文中,我整理了一些最实用的扩展程序,可以帮助你提升工作效率。我会提供直接链接、说明和图片,以便你快速上手,获得初步的印象。
1.Swimm (赞助)
使用 Swimm 的富文本编辑器创建文档。使用丰富的内容记录跨多个文件和代码库的复杂流程,这些内容可与代码交互,并在您进行更改时自动更新。
在本地验证和更新文档,并将其作为 CI 工作流程的一部分,自动修复简单错误,并且仅在发生重大更改时提醒您。
在正确的时间找到正确的文档——就在相关代码旁边。当您看到波浪形标记时,表示存在与该特定代码段相关的文档。
2. GitLens
借助 GitLens,开发人员可以通过提供有关 Git 存储库的高级可视化和信息,更好地了解其代码库的历史、作者和变化。
GitLens 还提供了丰富的自定义选项,以及内联指责注释、提交和差异详细信息,甚至无需离开编辑器即可查看和编辑提交消息的功能。
3.迅雷客户端
Thunder Client 是 Visual Studio Code 的轻量级 Rest API 客户端扩展,具有简单易用的 UI。
支持集合和环境变量和 GraphQL 查询,以及基于 GUI 界面的无脚本测试。
所有请求的数据均本地保存在您的设备上。
4.塔布宁
Tabnine 是一款 AI 代码助手,它可以在所有最流行的编码语言和 IDE 中实时完成代码,从而提高您的开发速度。
Tabnine 由多种语言专用机器学习模型提供支持,这些模型都是从头开始对代码进行预训练的。
5.远程 SSH
远程 - SSH 扩展允许您使用任何带有 SSH 服务器的远程机器作为您的开发环境。
由于扩展程序直接在远程计算机上运行命令和其他扩展程序,因此无需在本地计算机上放置源代码即可获得这些好处。
您可以打开远程计算机上的任何文件夹并对其进行操作,就像该文件夹在您的计算机上一样。
6. Docker
Docker 扩展使得从 Visual Studio Code 构建、管理和部署容器化应用程序变得容易。
它还提供容器内 Node.js、Python 和 .NET 的一键调试功能。
7. Git 历史记录
通过此扩展,用户可以轻松查看提交历史记录、检查文件更改并比较其代码的不同版本。
该扩展提供了一个 GUI,可以在时间轴中显示提交历史记录。每个提交都会显示其提交消息、作者、日期和时间。
用户还可以查看与每个提交相关的分支和标签名称。
8. Markdown 合一
对于在 VS Code 中大量使用 Markdown 的人来说,这是一款实用的工具。它能让您更轻松、更快速地创建和编辑 Markdown 文档,从而提高您的工作效率。
其功能包括语法高亮、代码块格式、目录、预览模式、表情符号支持、键盘快捷键等等。
9.正则表达式预览器
该扩展程序会在文档中并排显示当前正则表达式的匹配项。可以使用 Ctrl+Alt+M 来打开/关闭此功能。
可以通过状态栏条目添加全局选项和多行选项,以便与并排文档一起进行评估。当并排文档包含多个示例需要匹配时,此功能非常有用。
10.更好的评论
通过此扩展,您将能够将注释分类为警报、查询、待办事项、突出显示等。
注释掉的代码还可以设置样式,以明确指出这些代码不应该出现在那里。您可以在设置中指定您想要的其他注释样式。
11.书签
书签扩展可帮助您导航代码,轻松快速地在重要位置之间移动。
无需再搜索代码。它还支持一组选择命令,允许您选择已添加书签的行以及书签行之间的区域。这对于日志文件分析非常有用。
12.项目经理
项目管理器可帮助您轻松访问项目,无论它们位于何处。别再错过重要项目了。
您可以定义您的项目(也称为收藏夹),或选择自动检测 Git、Mercurial 或 SVN 存储库、VS Code 文件夹或任何其他文件夹。
此外,您还可以使用标签来组织您的项目。
13.代码拼写检查器
适用于代码和文档的基本拼写检查器。
此拼写检查器的目标是帮助发现常见的拼写错误,同时将误报数量保持在较低水平。
14.图像优化器
向解决方案资源管理器中的任何文件夹和图像添加右键菜单,让您自动优化该文件夹中的所有 PNG、GIF 和 JPEG 文件。
只需右键单击任何包含图像的文件或文件夹,然后单击其中一个图像优化按钮。
15. CSS Peek
该扩展支持符号定义跟踪的所有常规功能,但它针对的是 CSS 选择器(类、ID 和 HTML 标签)。
您可以内联加载 CSS 文件并立即进行快速编辑,直接跳转到 CSS 文件或在新编辑器中打开它或在悬停时显示定义。
16.占位符图像
使用各种第三方服务(如 Unsplash、LoremFlickr 等)在 Visual Studio Code 中生成占位符图像并将其插入到 HTML 中。
您可以选择图像的宽度、高度、文本和颜色,将生成的 IMG 标签插入到您的 HTML 中或将其复制到剪贴板,或者将图像 URL 插入到您的 HTML 中,复制到剪贴板,或者在您的浏览器中打开它。
17.实时服务器
一个快速开发的实时服务器,支持实时浏览器刷新。只需在状态栏单击即可启动或停止服务器。
允许用户创建可自定义的端口号,设置服务器根,并在设置中附带默认浏览器配置选项。
18.孔雀
使用 Peacock,您可以巧妙地改变 VS Code 工作区的颜色。
当您有多个 VS Code 实例、使用 VS Live Share 或使用 VS Code 的远程功能并且想要快速识别您的编辑器时,这是理想的选择。
19. Polacode
Polacode 是 VS Code 的一个扩展,可以对你的代码进行截图。
该扩展程序会生成与源具有相同风格和主题的屏幕截图。
写作一直是我的热情所在,能够帮助和激励他人让我感到快乐。如有任何疑问,欢迎随时联系我们!
访问我的博客以获取更多类似文章。
文章来源:https://dev.to/madza/19-vs-code-extensions-to-boost-your-productivity-4npo