微软的 VS（Visual Studio）代码是一个免费的开源代码编辑器，越来越受欢迎。它非常轻巧，灵活，但仍然包含一些强大的功能。此外，它支持几乎所有主要的程序语言，包括 PHP，script，C++等等。
您甚至可能会惊讶地发现 VS Code 也是跨平台的。它不仅适用于 Windows，而且 Linux 和 Mac 的版本也可供下载。
但也许最酷的特征是大规模的扩充套件市场。有免费扩充套件可用于支持新语言，除错代码或新增各种其他自定义功能。这使您可以自定义编辑体验以更好地满足您的需求。
今天，我们将向您介绍一些最好的 VS Code 扩充套件程序。帮助您更好的做好 WooCommerce 网站开发，下面让我们开始吧！
GitLens
虽然 Git 功能已内建于 VS Code 中，但 GitLens 旨在通过更多的版本控制功能 “增强” 编辑器。它提供了对代码的深入洞察，向您显示更改时间以及更改后的代码。您甚至可以比较不同的分支，标签和提交。总的来说，此扩充套件将使版本控制更具视觉感受。
Beautify
您是否非常关注语法突出显示？如果是这样，Beautify 只是您需要的扩充套件。它利用了 VS Code 已经存在的 online script Beautifier 的使用，但允许您轻松地更改其样式。这意味著您可以根据内容设置缩排，换行和其他细节等元素。
ESLint
script 可能很难除错。但 VS Code 的 ESLint 扩充套件可以使该过程更容易。它有助于在您执行代码之前指出代码中的潜在问题。更好的是，扩充套件程序允许您建立自己的 linting 规则。那想要了解更多的要点，也可以看看上一篇《分享 9 个最佳免费 CSS Flexbox 教程》。
Debugger for Chrome
对于在执行时期间对代码进行故障排除的开发人员，Debugger for Chrome 将帮助您完成工作。有许多方便的功能，包括在代码，手表和控制台中设置断点的功能。此外，您可以选择在 VS Code 中执行 Chrome 例项，或将侦错程序附加到单独执行的浏览器例项。
React Native Tools
React 是最引人注目的 JS 库之一, 以至于新的 WordPress 块编辑器（又名 Gutenberg）就是基于它构建的。如果您是众多参与其中的人之一，那么 React Native Tools 是必不可少的扩充套件。它增加了执行 react-native 命令的能力，并将帮助您除错代码。
One Dark Pro
在处理 WooCommerce 网站开发的代码时，有一个既有视觉吸引力又舒适的编辑器也很有帮助。毕竟，编码会话可以持续数小时。 One Dark Pro 将 Atom 编辑器中流行的 “One Dark” 主题带到了 VS Code 。您可以通过 Microsoft 的开源应用程序的其他便利获得这种标志性外观的熟悉程度。
Bracket Pair Colorizer 2
支架对 Colorizer 2 是一个简单的扩充套件，但可以使代码更容易消化。它使用匹配括号的颜色代码，使您可以直观地确定功能的开始和结束位置。 您甚至可以选择要使用的颜色。
vscode-icons
也许 VS Code 最有效的视觉调整之一来自 vscode-icons 。它需要一个相当平淡的档案列表，并新增色彩缤纷的语言特定图示。例如，这样可以很容易地从 HTML 中告诉您的 PHP 档案。此外，增加的个性是任何工作空间的一个受欢迎的补充。
用您的方式编写代码
VS Code 的可用扩充套件数量惊人，使其成为日常使用的极具吸引力的选择。您可以自由设置以匹配您使用的语言和您喜欢的可视空间类型。
此外，它提供了企业和开源文化的有趣组合。得到微软的支持似乎确保将来会积极开发 VS Code 。开源 WooCommerce 社群围绕软件建立了一个蓬勃发展的生态系统。开发人员的结果是两全其美。