工欲善其事必先利其器

Code，亦称VS Code或VSC，是一款免费的、开源的、现代化的、轻量级的代码编辑器。它能够支持几乎所有主流开发语言的语法高亮显示、智能代码自动补全、自定义快捷键、括号自动匹配、代码片段管理、代码对比Diff功能以及GIT版本控制等丰富特性。此外，它还支持插件扩展，并对网页开发以及云端应用开发进行了特别优化。该软件兼容、Mac和Linux多个操作系统，运行过程顺畅无阻，堪称微软精心打造的优质产品。

微软拥有这款当之无愧的顶尖集成开发环境，因此，Code这款编辑器也自然不会逊色（同样是业界顶尖的编辑器）。

谈及代码编辑器，我们不得不提及Text与Atom。在转向VS Code之前，Text一直占据了我主要的工作平台，与（顶尖的前端开发工具）协同使用。鉴于本文主要聚焦于VS Code，以下是对这些编辑器的简要概述：

日常使用中我感到非常满意，操作迅速且稳定。不过，唯一让我感到不悦的是，尽管证书可以无限期使用，但遗憾的是它并非开源。

你们使用起来是否顺畅无阻？抑或是我的电脑配置不够强大？不过，界面设计确实挺吸引人的。

VS code由微软推出，是一款开源软件，其运行速度相较于其他开源软件如atom来说更为迅速，同时体积也更小。值得一提的是，它所采用的壳体也是开源的。

主要功能

Code本质上是一款编辑器，其核心功能是提供高效的源代码编辑服务——当然，作为编辑器，其主要职责便是进行代码的编辑。然而，我们在此更应关注其独具特色的附加功能。

智能感知

智能感知涵盖了众多代码编辑功能，诸如代码自动填充、参数详细说明、快捷信息和成员清单等。该功能亦被称作“代码补全”、“内容辅助”或“代码提示”，堪称现代编辑器必备的基本素养。

VS Code本身具备对JSON、HTML、CSS、Less和Sass的直接支持，其真正的优势在于，用户能够通过安装语言扩展来进一步丰富配置（几乎涵盖了所有主流编程语言）。

内置 Git

VS Code自带了Git图形界面工具，能够实现Git的多数常用操作，让您能够直观地观察到项目中的修改。当然，您还可以借助插件来增强其功能。

调试

VS Code为Node.js的运行时配备了集成的调试功能，同时支持对其他语言转换后的代码进行调试。在调试非Node.js环境下的其他编程语言时，我们同样能够借助扩展功能来实现。

终端命令行工具

VS Code内置了一个功能完备的终端，这一设计极为便捷，用户无需切换至其他窗口或调整现有终端的设置，即可迅速执行各种命令。

扩展市场

在庞大的插件领域中，其内置的功能仅是冰山一角。随着VS Code的广泛使用，几乎所有你需要的插件都能找到（若实在找不到，你甚至可以亲自开发）。

更多请查阅https://code..com/docs

开始上手

关于VS Code的使用也很简单

点击学习区域中的各项功能sublime text js 格式化，您能快速掌握如何使用这款编辑器。接下来，我将向您介绍一些非常实用的插件。

插件安装方式

关于插件的安装，在看了 界面概述后也应该是知道怎么安装了：

  ext install 扩展名

基本配置

VS Code的所有配置信息均存储在一个JSON格式的文件中，其中左侧展示的是系统预设的参数，而右侧则展示了我们自定义的配置。这些自定义配置又细分为用户级和工作区级，我们只需对右侧的编辑内容进行修改并执行保存操作。完成工作区配置后，相关设置将被保存在用户目录下的“.文件夹”中。

主题推荐

VS Code内置了众多精美的主题sublime text js 格式化，例如我长期使用的深色模式。

这里我再推荐几个不错的，

One Dark Pro： Atom 标志性的主题

Atom One Dark 主题：此乃又一款源自 One Dark 的主题设计。

：超好看

主题：这是一个既简约又清爽的设计，提供了丰富的颜色调整选项。

单单安装了主题还不够，我们还要好看的图标来足视觉体验：

icons

Icon Theme

更多好看主题请浏览https://..com/?=&=

实用插件

在状态栏下方展示当前文件所占空间，点击该区域后，您将能够查看该文件的创建与最后修改的具体日期和时间。

路径：确保文件路径的完整性，当您以任何形式输入文件系统中的路径时，将提供智能化的提示功能以及自动填充服务。

顶部注释模板，用于记录作者、时间等资料，并且会自动更新最后修改的日期和时间。

Git Lens：查看详细的git记录,内置功能很多

Git的日志功能（git log）提供了一种便捷的查看Git版本控制历史记录的工具。

npm: 可以直接在执行npm的一些命令

NPM：当您在项目中添加依赖包时，NPM将提供智能提示和自动补全功能，以优化您的依赖管理过程。

在启用针对“for”的映射调试功能后，静态页面便可通过该功能实现断点调试。

（ES6）代码：广泛应用的类定义、ES模块的声明、CMD模块的引入等。

：代码语法检查

：格式化代码的工具

open-in-： 在浏览器中预览HTM文件

HTML ：各种 HTML 标签片段

针对CSS类别名称：进行CSS类名补充时，系统将自动遍历项目中的所有CSS类别，并在你输入类别名称时提供智能化的提示功能。

This： js 的注释模板

Sync：同步你得设置和插件

结语

从外观配置着手，一路推进至插件推荐完毕，至此，你已基本能构建出一个独具特色且功能强大的编辑器，其开发效率亦显著提升。你手中是否也有实用的插件？不妨留言分享，让更多人了解。

同时，建议您前往官方网站进行浏览，链接为https://code..com/，那里提供了更为全面和详细的文档资料，这将有助于我们更有效地运用它。

往期精彩回顾

如有侵权请联系删除！