(资料图)

微软的VS（Visual Studio）代码是一个免费的开源代码编辑器，越来越受欢迎。它非常轻巧，灵活，但仍然包含一些强大的功能。此外，它支持几乎所有主要的编程语言，包括PHP，Javascript，C++等等。　　您甚至可能会惊讶地发现VS Code也是跨平台的。它不仅适用于Windows，而且Linux和Mac的版本也可供下载。　　但也许最酷的特征是大规模的扩展市场。有免费扩展可用于支持新语言，调试代码或添加各种其他自定义功能。这使您可以自定义编辑体验以更好地满足您的需求。　　今天，我们将向您介绍一些最好的VS Code扩展程序。帮助您更好的做好网站开发，下面让我们开始吧！　　GitLens　　虽然Git功能已内置于VS Code中，但GitLens旨在通过更多的版本控制功能“增强”编辑器。它提供了对代码的深入洞察，向您显示更改时间以及更改后的代码。您甚至可以比较不同的分支，标签和提交。总的来说，此扩展将使版本控制更具视觉感受。　　Beautify　　您是否非常关注语法突出显示？如果是这样，Beautify只是您需要的扩展。它利用了VS Code已经存在的online Javascript Beautifier的使用，但允许您轻松地更改其样式。这意味着您可以根据内容设置缩进，换行和其他细节等元素。　　ESLint　　Javascript可能很难调试。但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　　在处理网站开发的代码时，有一个既有视觉吸引力又舒适的编辑器也很有帮助。毕竟，编码会话可以持续数小时。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。开源社区围绕软件创建了一个蓬勃发展的生态系统。开发人员的结果是两全其美。