面向 JavaScript 开发人员的基本 VS 代码扩展

JavaScript 开发人员必备的 VS Code 扩展。

这些扩展将使您的生活更轻松，开发过程更高效，团队的编码实践更加稳固和一致。

那么，让我们开始吧！

console.log调试时打字累了？输入Turbo 控制台日志扩展！

这个扩展允许你通过简单地选择一个变量并按下来插入一个控制台日志Ctrl + Alt + L。瞧！

有没有想过您编写的代码有多复杂？输入CodeMetrics扩展！

此扩展计算并显示 TypeScript/JavaScript 文件的复杂性。它使用一个自定义度量，该度量非常接近Cyclomatic complex。

**奖励： **扩展是可配置的，这意味着您可以选择扩展在计算复杂度指标时所考虑的内容。

担心源代码中的拼写错误或拼写错误？输入代码拼写检查扩展。

这个扩展是一个简单但有效的源代码拼写检查器。告别源代码中那些杂乱无章的错别字！

想要从 HTML 文件中窥视或更轻松地导航到 CSS id 和类？输入CSS Peek扩展！

这个扩展就是这样做的。它允许查看 CSS id 和类字符串作为从 HTML 文件到相应 CSS 的定义。它还允许导航到相应的定义。

需要格式化您的代码并在您的开发团队中强制执行一组格式化规则？输入更漂亮的代码格式化程序扩展！

这个扩展是一个固执己见的代码格式化程序。它通过解析您的代码并根据预定义的规则重新打印它来强制执行一致的样式。

除了格式化规则之外，您还可以配置如何使用它，无论是通过键入格式快捷方式还是在保存文件时自动。

想要的不仅仅是格式化代码，例如常见代码问题修复的建议？输入ESLint扩展！

此扩展将ESLint集成到 VS Code 中。ESLint 是一个 linter，它可以静态分析您的代码以快速发现问题并为潜在的修复提供建议。

ESLint 也是可配置的，并且与 Prettier 配合得很好。

如果安装所有这些扩展对您来说似乎需要做很多工作，那么我已经为您服务了！只需安装 JS Essentials 扩展包，您就可以开始编写代码了！

我将把将来遇到的任何有用的扩展添加到这个扩展包中。如果您有任何扩展建议，请随时发表评论。