我们整理了一份扩展程序列表，这些扩展程序会让使用 Visual Studio Code 变得更有趣。

大家好，
我是开发团队野生队的成员 Mandai。

我想介绍一款扩展程序，它可以让您在使用 Visual Studio Code（以下简称 VSCode）这款有趣的打字助手时更加愉快。

 

皮棉

这是对 lint 的介绍，lint 可以检查语法和格式。

 

markdownlint

markdownlint顾名思义就是 Markdown 的 lint 工具。

默认情况下，你需要编写相当严格的 Markdown 代码，所以一开始可能会比较困难，但一旦你习惯了，我保证你就能写出规范的 Markdown 代码。
我个人很庆幸安装了这个扩展程序，它帮我修正了很多问题。

当我使用 Markdown 编写代码时，它会不断监控我的代码，并立即为任何异常代码添加波浪线，因此很容易注意到，而且我喜欢这种无需每次都从命令面板运行 lint 的便利。

# 安装方法：快速打开 (Ctrl + p) 并运行 ext install vscode-markdownlint

 

Docker

docker是一个扩展，它提供了在 VSCode 中使用 docker 所需的功能。

这是一个包含使用 Docker 所需所有功能的一体化软件包，包括代码检查、自动创建 docker-compose.yml、IntelliSense（代码提示）、从命令面板启动 Docker 命令（尽管它似乎并不涵盖所有内容）、语法高亮显示等等。

有些情况下需要使用 docker 命令，因此对于日常使用，您可以直接在命令面板中运行它；如果命令面板不够用，您可以使用“Ctrl + @”来调出终端。

# 要安装，请快速打开 (Ctrl + p) 并运行 ext install vscode-docker

 

eslint

eslint是一个 JavaScript 代码检查扩展。

它本身无法正常工作，需要通过 npm 全局安装 eslint，但它是一个经过验证的模块，所以值得信赖。
如果您创建一个单独的“.eslintrc.json”文件，就可以控制 eslint 的行为，并将其共享给团队。

# 安装方法：快速打开 (Ctrl + p) 并运行 ext install vscode-eslint

 

主题

我们将推出可以改变 VSCode 外观并对其进行自定义的扩展程序，让您更愿意使用它。

 

简洁的图标主题

简约图标主题是一款图标主题。

有些人可能想知道这是什么类型的图标，但文件资源管理器中有一个显示图标的功能，可以通过按“Shift + Ctrl + E”来显示。您也可以在命令面板中输入“图标主题”，然后选择出现的命令，再选择您想要的图标。

一开始只有“minimal”和“seti”（我记得是这样。我安装的太多了，很难确定，但应该是这样！），不过你也可以从扩展市场搜索并安装它们。

如果您按下“Ctrl + Shift + x”显示扩展程序，然后搜索“图标”，您会找到许多其他选项。只需安装您喜欢的图标主题，即可立即使用。

# 要安装，请使用快速打开（Ctrl + p）并运行 ext install vscode-simple-icons

 

阿鱼

Ayu是一款带有颜色主题和图标的扩展程序。

我喜欢这套图标，而且它们清晰易读，所以我推荐它。
你也可以安装这个扩展程序，只使用其中的图标，所以不妨安装几个试试看？

# 要安装，请使用快速打开（Ctrl + p）并运行 ext install ayu

 

片段

 

Gulp 片段

Gulp Snippets是一个扩展程序，它提供了用于创建 gulpfile.js 的有用代码片段。

只需在 gulpfile.js 中输入 gulp，所有代码片段就会出现，所以无需记住如何使用它们。

我觉得一个很贴心的设计是，当你输入“pipe”时，会出现代码片段“.pipe(name('file'))”，这非常方便。

如果你使用 gulp，那么这款扩展程序值得安装。

# 安装方法：快速打开 (Ctrl + p) 并运行 ext install vscode-gulp

 

WordPress代码片段

WordPress Snippet是一个扩展程序，可以将 WordPress 方法和常量转换为代码片段。

在开发 WordPress 插件或创建要放入 functions.php 中的小程序时，这是一个很有用的扩展。

# 安装方法：快速打开 (Ctrl + p) 并运行 ext install wordpress-snippet

 

实用工具

 

JSON 工具

JSON Tools是一个可以压缩和格式化 JSON 字符串的扩展程序。

无论好坏，这是它唯一的功能，但对开发者来说却非常有用！

你只需要记住快捷键“ctrl + m”和“ctrl + alt + m”（只需在命令面板中搜索“json”，它就会立即出现！），所以这是一个用户友好且易于记忆的设计。

# 安装方法：快速打开（Ctrl + p）并运行 ext install json-tools

 

Tera Term 语言支持

Tera Term Language Support是一个扩展程序，可以帮助创建 TeraTerm 的宏语言 TTL。TTL 的使用非常广泛，毫不夸张地说，所有服务器工程师都拥有它。

# 要安装，请使用快速打开（Ctrl + p）并运行 ext install vscode-teraterm-lang

 

PHP 智能感知

PHP IntelliSense提供代码提示和代码跳转等功能，在 VSCode 上开发 PHP 时，这些功能会变得越来越重要，尤其是在开发规模不断扩大的情况下。虽然 VSCode 的基本开发体验并不轻松，但这款扩展程序将极大地改善这种情况。

如果您使用 Eclipse + PDT 进行框架开发，那么这款扩展程序是必备的。它几乎可以实现与此组合相同的功能。

请注意，运行此扩展需要 PHP7 执行环境，因此 PHP5 用户也可以借此机会彻底更新他们的环境，可谓一举两得（您是否同意取决于您）。

如果能升级版本以支持多种 PHP 执行环境，那就太好了。

# 安装方法：使用快速打开（Ctrl + P）并运行 ext install php-intellisense

 

PHP DockBlocker

是一个扩展程序，可以自动生成符合PHPDocumentor

目前（2017 年 3 月 16 日），它仍处于 alpha 版本，功能有限，但我们将其作为 21 世纪类别的一部分推出，并对未来的发展寄予厚望。

# 安装方法：快速打开 (Ctrl + p) 并运行 ext install php-docblocker

 

轻松俏皮

Easy Sass是一个扩展程序，它会在您保存 sass/scss 文件时自动将其编译为 css 文件。

我认为 VSCode 的主要用户是那些通过编写 Gulp 或 Grant 任务来编译 Sass/SCS 并监视其运行情况的人，但通过安装此扩展，您可以避免创建编译任务的额外工作。

当与多人一起开发时，使用任务运行器定义任务更加灵活，也更容易分配任务；但当独自开发小型产品时，我认为它可以减少所需的工作量。

# 要安装，请快速打开 (Ctrl + p) 并运行 ext install easysass

 

编码 解码

编码解码是一个将编码/解码相关过程整合在一起的扩展。

选择要转换的字符串，然后在命令面板中输入“转换所选内容”。此时将显示转换选项列表，只需选择所需的转换方法即可。

虽然你不会经常用到 base64 编码/解码功能，但它是一个很有用的扩展。

# 要安装，请使用快速打开 (Ctrl + p) 并运行 ext install ecdc # 扩展名很酷！

 

就这样。