代码插件对于提高编程效率、加快工作速度非常重要。 这里有 30 个最流行的插件，它们将使您成为更高效的黑客。 这些插件主要面向前端开发人员，但也有一些通用插件可以适应任何开发环境。 以下是我将介绍的插件：

同步[1]

直播[2]

SSH[3]

[4]

一对 [5]

自动标签[6]

[7]

git [8]

CSS 预览[9]

代码[10]

[11]

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

密码咒语 [13]

调试器[14]

图标主题[15]

涡轮日志[16]

待办事项[17]

图标[18]

正则表达式[19]

[20]

[21]

成本[22]

[23]

[24]

[25]

— 工具[26]

[27]

Vue 3 - 多合一[28]

HTML/CSS/ [29]

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

同步

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

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

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

居住

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

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

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

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

通过研究公开共享的代码库，使用深度学习算法预测您的需求，并提供一键代码完成功能，您可以快速高效地完成项目。 对于新手编码员来说，这让学习变得轻而易举，因为它为您提供了发挥自己想法的空间sublime text 插件 php格式化，而无需记住编码语法或搜索。

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

SSH

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

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

花更少的时间格式化代码

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

您可以将其设置为每次保存代码时都对其进行格式化，从而显着减少格式化代码所花费的时间。

一对

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

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

自动标记

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

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

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

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

git

获取git日志并以良好的视觉效果显示它们

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

插件也非常全面。 它允许您比较分支、提交和跨提交的文件。 您还可以检查您的头像，这非常整洁。

Vue 3 - 多合一

这是一个在Vue 2或Vue 3开发中提供代码片段、语法高亮和格式化的插件，可以大大提高你的开发效率。 您可以打开编辑器底栏右下角的 Auto Vue 开关。 它可以帮助您在保存代码时自动格式化 vue 文件。 默认情况下它是关闭的。

如果不想自动格式化vue文件，也可以右键vue文件，在出现的菜单栏中选择一个菜单项，文件就会被格式化一次。

CSS 预览

插入 HTML 文件以查看 CSS 代码

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

如果您知道类或 ID 名称，它还允许您快速跳转到相应的 CSS 代码。

代码

提供了许多 JS 代码片段提示，虽然包含了内置 JS，但 JS 片段插件 [40] 通过添加大量导入和导出触发器、类帮助器和方法触发器来增强这种体验。

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

HTML/CSS/

只需输入前缀名称，完整的代码片段就会自动补全。

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

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

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

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

查看您在样式指南中使用的颜色，并使用 [42] 立即可视化 CSS/SASS/Less/... 文件中的 CSS 颜色。 这使得您可以很容易地一眼看出您在哪里使用了哪些颜色。

代码拼写

让你的代码不再有拼写错误。 尽管拼写错误不是致命问题，但我更希望我的代码没有拼写错误。 Code Spell 插件 [43] 在其字典文件中为无法识别的单词添加下划线。

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

为了

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

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

图标字体

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

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

涡轮日志

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

去做

立即在代码中发现 TODO。 许多程序员都有在代码中编写 TODO 的习惯，然后完全忘记它们。 Todo [47]使它们更加突出。

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

图标

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

正则表达式

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

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

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

成本

当您开发 Web 应用程序或网站时，很容易做出一些臃肿的东西 - 尤其是作为新手开发人员。 其中一个重要因素是，许多开发人员在通过代码导入包时并不总是知道包有多大。

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

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

这是一个简单、轻量级的扩展，非常适合经验丰富的开发人员和新手。 它也免费供社区使用，但如果您是专家，您还可以购买 Pro 许可证，它允许您修改运行时值而不更改代码。

如果您需要格式化程序和标准化代码，那么这个插件适合您。 它可以自动格式化您的代码并查找代码中的错误。

此外，它允许您在添加书签的代码之间选择代码区域，这对于日志文件分析等很有用。

它旨在帮助开发人员和程序员提供智能代码完成建议。 默认支持，/，React 和 Java。

- 工具

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

该扩展将帮助您在代码中创建更多用户友好的注释。 每种颜色都可以用来表示评论类型（注释、待办事项等）。

终于

这里有我亲自介绍的30个插件，可以在不影响质量的情况下提高你的编程效率。 ，如果文章和笔记能给您带来一些帮助或启发，请不要吝啬您的喜欢和收藏。 文章将持续同步更新。 之前的文章也包含在.com//CV[51]中。 欢迎您的关注和交流。 你们的绝对是我前进的最大动力

如有侵权请联系删除！