大家好，晚上好！最近有不少朋友添加了助教的微信（it666-），他们一上来就询问如何获取工具的安装包。但事实上，VS Code的操作非常简单易学。今天，我就给大家推荐几款热门插件，都是经过我亲自测试，效果相当不错的哦~

编辑器与IDE

这类工具相对简便，主要针对文本的编辑处理，比如常见的记事本、Text++、Vim等均属于编辑器范畴，它们的主要特点在于编写代码时缺乏智能提示功能，用户必须亲自手动输入每一行代码。

该集成开发环境，旨在为程序开发提供所需的应用程序，通常包含代码编辑器、编译器、调试器以及图形用户界面等实用工具。它整合了代码编写、分析、编译和调试等功能，形成了一套全面的开发软件服务。其显著特点包括：编写代码时提供智能提示，启动速度较慢sublime text插件diff，适合初学者使用，且无需额外配置即可直接投入使用。该系列开发工具均属于IDE类别。

VS Code本身是一款编辑器，然而，由于它的可调整性，一旦安装了用户定制的插件，便能够提供与集成开发环境相媲美的开发体验。

VS Code适用于多种编程语言及文件格式的编辑，适用于日常的笔记记录，如编写文档，被誉为前端开发者的得力助手，同时亦支持Go等后端编程语言。

VS Code常用插件

网络上关于VS Code插件的相关资料相当丰富，今天我就挑选一些普遍受欢迎的插件与大家分享，它们确实非常出色，使用体验极佳。

插件可以在扩展里面下载安装使用：

各类主题/图标主题

在扩展功能中搜索“theme”即可发现众多选项，挑选一个视觉上令人满意的即可，以下图片展示了所选的主题及其图标样式。

theme

icon theme

中文语言包

英文基础薄弱的朋友们无需担忧，安装这款插件后，你将能成为那位“即便英文不佳却编程技艺高超”的佼佼者，只需在扩展程序中搜索即可。

Code Spell

一个基本的拼写检查器，可以很好地与驼峰命名一起使用。

英文不好的小伙伴记得和上面那个插件一起打包。

IDEA

了解江哥课程的同学应该清楚，江哥授课时常会说：“这事儿太容易了，只需按下Ctrl和Alt键，然后创建一个新文件……”

然后一顿操作猛如虎，惊呆各位小伙伴~

对于那些已经习惯了使用快捷键的开发者而言，当他们转向使用VS Code时，可能会感到些许不习惯。IDEA正是为了缓解这一不适而诞生的工具。

快捷键大全

Code

一个用于run多种语言的插件，支持下面那一堆语言：

安装之后，在需要run的代码文件右击鼠标，点

输出：

for

在浏览器或任何其他支持 协议的目标中调试代码。

前端开发攻城狮应该都装了吧~

open in

快速在默认浏览器打开当前html文件，快捷键是Alt+B

- Code

代码规范化工具，诸如项目团队规定的，提交的代码需统一采用单引号标识、句末不加标点符号、缩进使用两个字符的Tab等要求。

这些格式化的工作可以交由我来处理，同时还有一群配合默契、共同协作的同学，嗯，他们真的很出色。

自动关闭标签/自动标记/HTML 文件/CSS 快速预览

自动添加HTML/XML闭合标签

自动重命名配对的HTML/XML标签。

为VS Code编辑器中的HTML代码增添了全面的语法高亮功能，涵盖了所有HTML5规范中的标签，并提供了标签着色和代码片段的辅助功能。

此工具旨在便捷地查阅CSS的ID与类属性，并追踪它们在HTML文件中的对应CSS规则。它支持查看及直接跳转至相关定义。

/Git

用来查看git日志，文件历史记录，比较分支或提交的插件

江湖人称甩锅神器

这就是今天为大家带来的推荐内容，实际上远不止这些。对于热衷于Vue开发的你，不妨试试Vetur这样的工具插件。当然，如果你掌握了这些，安装相应的插件后，编写代码将更加得心应手。

嗯，一些朋友也选择使用VS Code进行小程序的开发，并且该编辑器也提供了相应的插件支持。在日常工作之中，我们有时也会用到WSL等工具，这些工具对于开发过程来说都十分有帮助。

所有插件的功能介绍均可在插件介绍页面查阅，相关信息亦可通过搜索引擎轻松获取。

VS Code 和 比较

大家应该已经阅读过众多对比性文章，然而，这两个工具的功能定位存在显著差异，在进行对比分析时，也需要遵循一些基本的前提条件。

不过这两个工具都有自己的优势，日常中可以结合起来使用。

代码检查方面

该工具具备强大的、迅速的以及便捷的静态代码分析功能，能够对编程语言中的错误以及运行时问题进行识别，并提供相应的修正和优化建议。

在VS Code中，必须安装相应的插件及规则，以便能够检测出未被使用的方法、变量等。

Git集成

在默认设置下，VS Code仅具备基础的git功能集成。若需执行更为复杂的git操作，则必须安装相应的插件以辅助完成。

该工具集成了即开即用的git高级功能，用户可在集成开发环境中直接操作，利用图形化的diff/merge工具进行文件提交，实时查看变更内容并处理任何冲突。

历史记录

VS Code在修改内容时并未保留修改的本地历史，不过，用户可以通过安装诸如Local等插件来实现这一功能。

系统能够自动记录文件的所有改动，从而有效避免更改的意外丢失。用户能够查阅文件及目录的历史版本，并能够撤销至之前的某个状态。这一功能堪称无与伦比，在关键时刻犹如救命稻草，至关重要。

代码重构

在更改组件名称的过程中，系统会同步修改所有相关文件的名称及其使用方式；同时sublime text插件diff，当删除某个文件时，集成开发环境会遍历文件的使用情况，一旦发现该文件正被使用，便会给出相应的提示信息。

VS Code不会提示，不过文件删除了可以去回收站找回。

启动速度与价格

VS Code依托于一个框架，该框架采用诸如HTML和CSS等Web技术来构建原生应用程序，故而其启动速度相当迅速。

该软件是用Java编写的，使用时普遍觉得其速度不如VS Code迅速。不妨提一下，一旦开启使用，随着时间的推移，其速度会逐渐变得愈发缓慢，直至变得极其缓慢。

VS Code免费！！！

需付费~已经工作的小伙伴还是需要多多支持正版的哈~

无需忧虑，待江哥的课程启动，他同样会采用VS Code进行教学，引导大家掌握更多高级技巧。

这就是这两者的对比情况了，自然还存在其他不同之处，待下次再详细讨论。观察可知：一个更倾向于智能化，具备“开箱即用”的特点，同时，正因为这一点，它显得有些“头重脚轻”，所以在开发过程中，尤其是在需要加班的夜晚，将两者结合运用，能够有效提升工作效率。

加油！打工人

还有没添加小助理微信的同学扫描下方二维码：

有问题，找助理

如有侵权请联系删除！