Code的插件对于提高编程效率、提升工作速度非常重要。 这里有 30 个最流行的插件，它们将使您成为更高效的打砖块和打鱼大师。 这类插件主要适合后端开发人员，但也有一些通用插件也可以在任何开发环境中使用。 以下是我将介绍的插件：

同步[1]

直播[2]

SSH[3]

[4]

对[5]

自动标签[6]

[7]

git[8]

[9]

代码[10]

[11]

Sass/Less//哈巴狗/Jade//[12]

密码拼写[13]

调试器[14]

图标主题[15]

[16]

待办事项[17]

图标[18]

正则表达式[19]

[20]

[21]

成本[22]

[23]

[24]

[25]

——工具[26]

[27]

Vue3-[28]

HTML/CSS/[29]

/Hero-//Bing/Baidu/Wiki/Yahoo//Npm[30]

同步

同步可以为您节省大量跨设备安装插件的时间

在开始左右安装插件之前，最好了解一下 Sync[31] 的存在。 它允许您同步您在网络上自定义的几乎所有内容，从设置到快捷键到其他插件。

这样，您就可以从任何您想要的设备访问您最喜欢的 IDE，而无需在新设备上的正常环境中进行编程并重新自动设置所有内容。

居住

立即查看浏览器中反映的代码更改

这是我最喜欢的插件之一。 Live [32]启动本地开发服务器并为静态和动态页面提供实时重新加载。

每次保存代码时，您都会立即在浏览器中看到反映的更改。 您将更快地发现错误，并且更容易对代码进行一些快速实验。

是一款流行的人工智能助手，适用于所有主要编程语言，因此毫无疑问，无论您的技能如何，您都会发现它很有用。

通过研究公开共享的代码库，利用深度学习算法预测您的需求，并提供一键代码补全功能，让您快速高效地完成项目。 对于新手编码员来说，这使学习变得轻而易举，因为它为您提供了发展想法的空间，而无需记住编码句子或搜索。

而且，如果您是一位经验丰富的开发人员，您会发现提供了运行所需的构建块，从而为您节省了大量的工作时间。

SSH

使用任何带有 SSH 服务器的远程计算机，SSH[33] 插件允许您使用任何带有 SSH 服务器的远程计算机作为开发环境。 这使得在各种场景下开发和/或故障排除变得更加容易。

您也不需要本地计算机上的任何源代码，因为该插件直接在远程计算机上运行命令和其他插件。

花更少的时间进行低编码

[34] 是一个固执己见的代码低格式程序，如果您有多个人在一个项目上工作，它会非常有效，因为该插件强制执行一致的风格。

您可以进行设置，以便每次保存代码时都会消化您的代码，从而显着减少重新格式化代码所花费的时间。

一对

每个人都喜欢颜色编码，Pair [35] 为左括号和右括号提供了匹配的颜色，让您更容易知道哪些括号属于谁。

还可以配置自定义括号字符，并且您还可以向活动范围添加背景颜色。

自动标记

手动重命名标签，尽管本质上会突出显示匹配标签并在键入开始标签后立即添加结束标签，但手动重命名标签插件 [36] 将手动重命名您修改的标签。

该插件适用于 HTML、XML、PHP 和 HTML，无需两次修改标签名称。

提高您的 Git 功能 提高 [37] 代码的 Git 功能。 它是一个功能强大的插件，可让您查看代码行随时间变化的人、原因和方式以及许多其他功能。

是一个高度可定制的插件。 如果您不喜欢某个特定设置，可以在设置中轻松将其关闭。

git

获取git日志并展示漂亮的视觉效果

与 Git[38] 类似的是一个提供 git 日志可视化的插件。 您不需要在终端中查看 。

插件也非常全面。 它允许您比较分支、提交和跨提交的文件。 您还可以查看个人资料图片，非常整洁。

Vue3-

这是一个在Vue2或Vue3开发中提供代码片段、句子高亮和低级格式化的插件，可以大大提高你的开发效率。 您可以打开编辑器顶栏右下角的 开关。 它可以帮助您在保存代码时手动降低Vue文件的格式。 默认是关闭它。

如果你不想手动缩小vue文件，也可以右键单击vue文件，在出现的菜单栏中选择一个菜单项，文件就会缩小一次。

CSS 预览

插入 HTML 文件以查看 CSS 代码

这个插件对于后端开发人员来说非常宝贵。 受到 IDE 中类似功能的启发， [39] 允许您插入 HTML 和 ejs 文件以在源代码中显示 CSS/SCSS/LESS 代码。

如果您知道类或 ID 名称，它还可以让您快速跳转到相应 CSS 代码的位置。

代码

为 JS 代码块提供了大量提示，甚至包括外部 JS，但 JS 代码片段插件 [40] 通过添加大量导出、导出触发器、类帮助器和技巧触发器来增强这些体验。

该插件支持 JS、、、HTML 和 Vue。 其他风格的代码片段（例如）也可以在.

HTML/CSS/

只需输入前缀名称，完整的代码片段也是手动完成的。

/Hero-//Bing/Baidu/Wiki/Yahoo//Npm

一个可让您搜索或翻译代码的插件。 您可以在编辑器中的代码中选择对应的关键字，然后单击鼠标右键，在出现的菜单面板中选择一个菜单项，插件会手动为您打开默认浏览器，并搜索对应的关键字并显示搜索结果。

您也可以选择相应的关键字，使用快捷键打开浏览器进行搜索。

修改实例的颜色，特别有用。 [41]允许您更改代码环境的颜色，以便您可以快速识别刚刚切换到的实例。

查看您在样式书中使用的颜色，并使用 [42] 立即可视化 CSS/SASS/Less/... 文件中的 CSS 颜色。 这样一来，您可以很容易地一目了然地看到您正在使用什么颜色以及在哪里使用。

密码拼写

让你的代码不再有拼写错误，虽然拼写错误不是致命的问题，但我更喜欢我的代码没有拼写错误。 代码拼写检查插件 [43] 在其字典文件中存在难以辨认的短语逗号。

该插件提供多种不同语言版本，并支持医学术语等行话。

为了

在 中调试 JS 代码sublime text 2 php插件，由 for[44] 开发，允许您在 . 与其他 IDE 中的调试器相反，它非常流畅。

您可以设置断点、单步调试代码、调试动态添加的脚本等等。

图标字体

提供各种图标供您使用！ [45] 提供各种图标字体的片段，包括流行的 图标包。

对于那些不这样做的人，这个包也适用于 Atom 和 Text。

涡轮日志

要手动创建有意义的日志消息，控制台会显示 log[46]\\ 手动创建有意义的日志消息。 它使调试变得更加容易，因为您将获得一些有用的控制台输出来找出问题所在。

去做

立即注意到代码中的TODO，许多程序员习惯于在代码中编写TODO，然后就完全忘记了它们。 Todo [47]使它们更加突出。

您可以切换突出显示，也可以枚举所有突出显示的注释并从相应的文件中显示它们。

图标

等等，不是每个人都喜欢图标吗？ 你不会认为这些图标有太大不同，但它们确实有什么不同，至少对我来说是这样。 Icons[48] 为您的 IDE 添加了绚丽的色彩和可爱的小图标，我早已爱上它了。

正则表达式

创建正则表达式的预览，正则表达式可能是一个困难的困境。 Regex[49] 为您提供了匹配正则表达式的辅助文档。

该插件提供了多个匹配示例，可以更轻松地快速、准确地为各种用例编写正则表达式。

为您的代码添加书签，尽管有行号，但 [50] 允许您为代码添加书签，帮助您快速导航并轻松地来回跳转。

成本

当您开发 Web 应用程序或网站时，很容易变得臃肿 - 尤其是作为新手开发人员。 造成这种情况的一个重要原因是，许多开发人员在通过代码导出包时并不总是知道包有多大。

Cost 是一个扩展，它内联显示导出的包的大小，因此您可以准确地知道在开发过程中导出该包的成本是多少。 因此，它将帮助您更好地优化您的应用程序和网站，特别是对于通常更容易遭受臃肿困扰的联通用户。

如果您选择的语言是 or，那么您一定会喜欢 .js。 此扩展致力于通过在编写代码时在 IDE 中显示运行时值来提高开发速度，因此您可以专注于编写代码，而不是仅仅为了尝试新事物而构建自定义配置。

这是一个简单、轻量级的扩展，特别适合经验丰富的开发人员和新手。 它也免费供社区使用，但如果您是专家sublime text 2 php插件，您还可以购买 Pro 许可证，让您无需修改​​代码即可更改运行时值。

如果您需要低调的程序和标准代码，那么这个插件适合您。 它可以手动分析您的代码并查找代码中的错误。

据悉，它允许您在书签代码之间选择代码区域，这对于日志文件分析等特别有用。

它致力于为开发人员和程序员提供智能代码完成建议。 默认支持 、/、React 和 Java。

-工具

通过管理数据库的工具。 它支持许多驱动程序，您可以用它做很多事情，例如连接资源管理器、查询运行器、智能感知、书签、查询历史记录。

增强功能将帮助您在代码中创建更人性化的注释。 每种颜色都可以用作表示评论类型（注释、待办事项等）的形式。

终于

这里有 30 个我亲自介绍的插件，可以在不影响质量的情况下提高您的编程效率。 ，如果文章和笔记能给您带来一点帮助或启发，请不要吝惜您的点赞和收藏，文章会持续更新，往期文章也会收录在.com//CV[51]欢迎您的关注关注和沟通，你们的肯定是我前进的最大动力

如有侵权请联系删除！