Web开发的5个基本VS Code扩展
VS Code 是一个功能强大的IDE编辑器，很多人使用它进行Web应用的开发。这里介绍对Web开发最重要的5个VS Code扩展。工欲善其事必先利其器，相信他们将很大程度的提高的编码效率！
Polacode
由Polacode生成的示例图像
Polacode是一个简单的扩展，但是它可以快速制作出精美的代码图像。
Polacode可以配置语法突出显示和其他设置，无需手动配置，而是根据您使用的VS Code主题对图像进行样式化！您无需配置任何内容-只需设置您的选择主题（或使用已设置的主题），选择所需的文件或代码段，然后运行Polacode命令。
如果您经常需要展示一些代码，Polacode为您提供了一种简单的方法。您甚至不必离开代码编辑器！特别是当不能复制代码成为问题时（例如在视频或演示中），可以使用Polacode或Carbon这类工具来完成工作。它们应用于您的摘要的窗口和阴影效果看起来很棒，可以帮助您对受众产生积极影响。
地址： https://marketplace.visualstudio.com/items?itemName=pnp.polacode
Code Spell Checker
Code Spell Checker Demo
并非每个人都在乎语法。但是阅读编写良好的代码应该像是一件完美的愿望，要实现这一完美，您必须使用有意义的变量名以及正确的语法（以及其他一些东西）。
Code Spell Checker（简称为CSC）是VS Code最受欢迎且可以说是最好的拼写检查扩展。开箱即用，它附带英语词典并支持多种编程语言（包括所有的web-dev）。大约90％的时间应该绰绰有余。如果要使用英语以外的其他语言，则可以安装具有VS Code扩展形式的其他语言包（其中有15种以上）。
如果您关心代码中的语法，则应该尝试使用CSC。
地址： https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
Prettier
Prettier formatter logo
如果您之前使用Vs Code开发过的Web应用，那么您很有可能听说过或者使用过Prettier。它在开源社区中非常流行。
Prettier是JavaScript格式化程序。它支持JavaScript（包括ES8），TypeScript，JSX，Flow，JSON，GraphQL甚至CSS等语言。
这是一个很好的工具，它们有助于保持整个代码的一致性。它的工作方式就像默认的VS Code格式化程序一样-您只需从列表中选择它即可。然后，您可以通过Format ...命令使用它，或通过调整某些VS Code选项使其在文件保存上运行。
地址：https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
ESLint
ESLint logo
Prettier的功能仅仅是格式化你的代码，ESLint也可以实现，另外，他还有更多其他的功能。他可以按照你的代码实现规则的校验，这一点非常cool 。它是目前最好，最受欢迎的JS linter。它的可插拔和多功能特性使其适合各种用例
您可以通过从“官方提供的”规则中选择规则来创建自己的ESLint配置。您还可以通过ESLint插件创建和使用自定义规则，或者基于NPM构建更多的可用配置。
ESLint 扩展 (超过6M次下载) 让这个工作边的简单.它可以通过VS Code设置菜单进行配置，以启用对保存的修复和其他有用的功能。
地址：https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
GitLens
GitLens logo
GitLens是一个可“增强” VS Code的Git功能的扩展。尽管有些人可能认为VS Code的内置功能或纯粹的终端足以满足其用例，但GitLens以令人惊讶的方式与代码编辑器集成，对于每个使用者来说都是有用的。
GitLens具有许多功能。最引人注目的可能是VS Code活动栏中的专用选项卡，以及任何已打开且与Git集成的文件顶部的所有控件。在选项卡中，您可以控制Git仓库，提交，历史记录以及所有这些东西。另一方面，顶部栏使您可以访问已打开文件的所有更改，修订和非常规消息。
如今，Git已成为必需品。这不仅使您的工作变得更轻松，更可靠，而且还确保您对项目所做的每项更改都被记住，并在需要时可以撤消。您可以使用其他版本控制系统（VCS），但是Git无疑是最佳选择。
地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
总结
这就是我们本次推荐的扩展清单！希望对你有所帮助
点击关注，如果发现任何不正确的地方，或者想分享有关上述主题的更多信息，欢迎反馈。
閱讀更多 數據大視界 的文章
關鍵字: TypeScript Git FLO
