编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

19 个值得使用的VS Code 插件,赶紧收藏起来吧!

wxchong 2025-02-26 14:10:23 开源技术 47 ℃ 0 评论

VS Code是一个免费的、跨平台的、开源的代码编辑器,近年来已经成为开发人员中最受欢迎的选择。

它以其灵活性和自定义选项而闻名,并拥有一个蓬勃发展的扩展生态系统,可以扩展其功能并使其更加强大。

在本文中,我分享了一些非常有用的扩展,您可以使用它们来提高工作效率。


Swimm

使用swim的富文本编辑器创建文档。

用丰富的内容记录跨多个文件和仓库的复杂流,这些内容与代码交互,并在您进行更改时自动更新。

本地验证和更新文档,并将其作为CI工作流程的一部分,自动修复简单的错误,仅在发生重大更改时向您发出警报。

在正确的时间找到正确的文档——就在相关代码旁边。

当您看到代码中的波浪提示时,这意味着可以创建与特定代码部分相关的文档。


GitLens

使用GitLens,开发人员可以通过提供有关Git存储库的高级可视化和信息,更好地了解他们的代码库的历史、作者和更改。

GitLens还提供了丰富的自定义选项,以及内联责备注释、提交和diff细节,甚至可以在不离开编辑器的情况下查看和编辑提交消息。


Thunder Client

Thunder Client 是一个轻量级的Rest API客户端扩展。

支持集合和环境变量& GraphQL查询,以及使用基于gui的界面进行无脚本测试。

所有请求的数据都本地保存在设备上。


Tabnine

Tabnine是一个AI代码助手,它将通过在所有最流行的编码语言和ide中实时完成代码来提高您的开发速度。

Tabnine由多种语言专用的机器学习模型提供支持,这些模型从底层开始对代码进行预训练。


Remote - SSH

远程SSH扩展允许您使用任何远程机器与SSH服务器作为您的开发环境。

不需要在本地机器上保存源代码就可以获得这些好处,因为扩展直接在远程机器上运行命令和其他扩展。

您可以打开远程机器上的任何文件夹并使用它,就像该文件夹在您的机器上一样。


Docker

Docker扩展可以轻松地从Visual Studio Code中构建、管理和部署容器化应用程序。

它还提供了在容器内一键调试Node.js、Python和. net的功能。


Git History

有了这个扩展,用户可以轻松地浏览提交历史,检查文件更改,并比较不同版本的代码。

该扩展提供了一个GUI,可以在时间轴中显示提交历史。每个提交都会连同其提交消息、作者、日期和时间一起显示。

用户还可以查看与每个提交相关联的分支和标记名称。


Markdown All in One

对于在VS Code中使用大量Markdown的人来说,这是一个有用的工具。它使创建和编辑Markdown文档更容易、更快捷,帮助您提高生产力和效率。

这些功能包括语法高亮、代码块格式、目录、预览模式、表情符号支持、键盘快捷键等等。


Regex Previewer

该扩展在并排文档中显示当前正则表达式的匹配。这可以用Ctrl+Alt+M打开/关闭。

可以添加全局和多行选项,以便通过状态栏条目对并排文档进行评估。当并行文档有多个示例需要匹配时,这很有用。


Better Comments

有了这个扩展,您将能够将您的注释分类为警报,查询,TODOs,亮点等。

注释掉的代码也可以样式化,以明确代码不应该在那里。您想要的任何其他评论样式都可以在设置中指定。


Bookmarks

Bookmarks扩展可以帮助您浏览代码,在重要位置之间轻松快速地移动。

不再需要搜索代码。它还支持一组选择命令,允许您选择书签行和书签行之间的区域。它对日志文件分析非常有用。


Project Manager

项目管理器可以帮助您轻松访问您的项目,无论它们位于何处。不要再错过那些重要的项目了。

你可以定义你的项目(也称为收藏夹),或者选择自动检测Git、Mercurial或SVN存储库、VS Code文件夹或任何其他文件夹。

此外,您还可以使用标签组织您的项目。


Code Spell Checker

一个基本的拼写检查器,可以很好地处理代码和文档。

这个拼写检查器的目标是帮助捕获常见的拼写错误,同时保持低误报的数量。


Image Optimizer

向解决方案资源管理器中的任何文件夹和图像添加右键菜单,使您可以自动优化该文件夹中的所有PNG、GIF和JPEG文件。

只需右键单击任何包含图像的文件或文件夹,然后单击其中一个图像优化按钮。


CSS Peek

该扩展支持符号定义跟踪的所有正常功能,但它适用于CSS选择器(类,id和HTML标签)。

您可以内联加载CSS文件并在那里进行快速编辑,直接跳转到CSS文件或在新编辑器中打开它或在悬停中显示定义。


Placeholder Images

在Visual Studio Code中使用各种第三方服务(如Unsplash, LoremFlickr等)生成和插入占位符图像到HTML中。

您可以选择图像的宽度、高度、文本和颜色,将生成的IMG标签插入到HTML中或将其复制到剪贴板中,或将图像URL插入到HTML中,复制到剪贴板中,或在浏览器中打开它。


Live Server

一个带有实时浏览器重载的快速开发实时服务器。在状态栏上单击一下即可启动或停止服务器。

允许用户创建可定制的端口号,设置服务器根,并在设置中附带默认浏览器配置选项。


Peacock

使用Peacock,你可以巧妙地改变VS Code工作区的颜色。

当你有多个VS Code实例,使用VS Live Share,或者使用VS Code的远程功能,并且你想快速识别你的编辑器时,这是理想的选择。


Polacode

Polacode是VS Code的扩展,它可以截图你的代码。

该扩展生成与源相同样式和主题的屏幕截图。


合理使用VS Code提供的扩展插件,可以使我们的工作效率事半功倍!希望以上插件能够帮助到你,记得收藏!



说明:本文首发头条,欢迎转载!转载请标注来源即可,无需授权!创作不易,喜欢我的文章,记得添加【关注】哦!再次感谢你的支持!


? 长按【点赞】会有惊喜哦!?

~End~

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表