天天看点

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

作者:猿习社

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

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Swimm

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

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

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

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

GitLens

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Thunder Client

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

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

Tabnine

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Remote - SSH

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

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

Docker

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Git History

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

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

Markdown All in One

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Regex Previewer

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Better Comments

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Bookmarks

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Project Manager

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

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

Code Spell Checker

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Image Optimizer

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

CSS Peek

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Placeholder Images

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Live Server

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Peacock

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

Polacode

19 个提高生产力的VS Code 插件,赶紧收藏起来吧!

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

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

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

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

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

~End~

继续阅读