面向 JS 开发人员的出色 VSCode 扩展

环绕

大家好，欢迎来到我在 DEV 社区的第一篇帖子！

在这篇文章中，我将讨论一些适合 JavaScript 开发人员的优秀 VSCode 扩展。

注意：此列表不包括仅针对单个框架/库的扩展。

那么让我们开始吧！！！

代码片段扩展

这些扩展提供了代码片段。

1. JavaScript（ES6）代码片段

此扩展提供了以下语言的代码片段：

• JavaScript (.js)
• JavaScript React（.jsx）
• TypeScript（.ts）
• TypeScript React（.tsx）
• HTML（.html）
• Vue（.vue）

注意：此扩展提供的代码片段包含分号 ( ;)。

VSCode 市场上的扩展

2. StandardJS 风格的 JavaScript（ES6）代码片段

此扩展为相同的语言提供了与上面提到的扩展完全相同的片段，唯一的区别是片段不包含分号（;）。

VSCode 市场上的扩展

语法高亮扩展

这些扩展根据其语法突出显示代码（这有意义吗^^'）。

1. 括号对着色器 2

此扩展程序用不同的颜色突出显示匹配的括号，帮助您识别哪个括号属于哪个块。

VSCode 市场上的扩展

2. DotENV

此扩展为.env文件提供语法高亮显示。

VSCode 市场上的扩展

Linter扩展

这些扩展会检查您的代码。

1. ESLint

此扩展使用ESLint库来检查你的代码。它也是最常用的 Linter。

VSCode 市场上的扩展

2. JSHint

此 linter 使用JSHint库来检查您的代码。

VSCode 市场上的扩展

NPM 扩展

这些扩展有助于 NPM（节点包管理器）。

1. npm

此扩展程序用于package.json验证已安装的软件包。如果缺少任何内容或版本不匹配，该扩展程序将提供可点击的选项来解决问题。

VSCode 市场上的扩展

2. npm 智能感知

var此扩展提供了 import ( 、let和)const语句中的自动完成 npm 模块import。

VSCode 市场上的扩展

其他有用的扩展

这些扩展不属于此列表的任何标题，但它们非常有用。

1. Prettier

此扩展是一个自定义代码格式化程序，可格式化 JS、TS 和 CSS 代码。

VSCode 市场上的扩展

2. 路径智能感知

此扩展程序为导入文件提供了路径补全功能。HTML 和 CSS 文件也适用。

VSCode 市场上的扩展

3. 实时服务器

此扩展启动本地开发服务器，可实时重新加载静态和动态页面。

VSCode 市场上的扩展

4. 迅雷客户端

这个扩展基本上是一个通过扩展内置于 VSCode 的 Postman。

VSCode 市场上的扩展

好的，列表到此结束。

感谢您抽出时间阅读这篇文章。非常感谢。

社交

Discord
GitHub
Instagram

谢谢！！！