使用这些扩展和工具成为 VS Code 忍者 [2020]

奖金

结束语

VS Code 无疑是目前最好的编辑器，尤其是在编写 JavaScript 方面。它速度快、功能丰富，并且拥有大量可用的扩展，极大地提升了开发者的体验。

我使用 VS Code 已经四年了，这些年来我遇到了很多这样的扩展，想和大家分享一下。我对这些扩展非常着迷，如果没有它们，我的开发生涯就不完整。

以下是我的 VS Code 扩展列表：

月光主题

我经常更换主题，这是我最近在用的主题。颜色不是很浅，无论白天还是晚上都很舒服。

自动重命名标签

自动重命名配对的 HTML/XML 标签，与 Visual Studio IDE 相同。

路径智能感知

Visual Studio Code 插件，可自动补全文件名。在 React 项目中从不同文件夹导入组件时非常有用。

SCSS 智能感知

高级自动补全和重构支持 SCSS。对于使用 Sass 的前端开发者来说，这绝对是必备功能。

占位符图像

生成占位符图像并将其插入到 HTML 中。可轻松在 VS Code 中直接查找占位符图像。

实时服务器

启动具有静态和动态页面实时重新加载功能的开发本地服务器。

Prettier - 代码格式化程序

使用 prettier 的代码格式化程序。

React.js 代码片段

使用 ES6 语法进行 Reactjs 开发的代码片段。

设置同步

在我看来必须有扩展，它使用 GitHub Gist 跨多台机器同步所有 VS 代码设置、代码片段、主题、文件图标、启动、键绑定、工作区和扩展。

如果您更改开发机器并想要导入所有以前的 VS Code 数据，这将非常有用。

更好的评论

通过使用警报、信息、TODO 等注释来改进您的代码注释！

括号对着色器

用于为匹配的括号着色的可定制扩展。

代码拼写检查器

如果你像我一样，能写出一个字都不出错，那么这个扩展是必备的。它可以检查你的代码是否存在拼写错误并提供建议。

ESLint

将 ESLint JavaScript 集成到 VS Code 中。

进口成本

在编辑器中显示导入/需要包的大小。

Quokka.js

JavaScript 的 Live Scratchpad。编写 JavaScript 代码并在编辑器中查看输出结果。此外，它还提供了一个交互式示例，既适合经验丰富的开发人员（作为参考），也适合新手开发人员（用于学习）。

TabNine

另一个必备扩展。TabNine 是一款全语言自动完成器，它使用机器学习来帮助你更快地编写代码。

这是一个黑魔法扩展，安装并使用一段时间后，它会给出非常准确的建议，让你惊叹不已。

vscode 样式组件

样式组件的语法突出显示和 IntelliSense。

Visual Studio IntelliCode

Visual Studio IntelliCode 扩展为 Visual Studio Code 中的 Python、TypeScript/JavaScript 和 Java 开发人员提供了 AI 辅助开发功能，并结合机器学习提供基于对代码上下文的理解的洞察。

奖金

OpenInCode

📂 Finder 工具栏应用程序用于在 Visual Studio Code 中打开当前文件夹

结束语

我会持续更新此列表，添加我发现的新扩展。欢迎您提出我可能遗漏的扩展。我很想知道开发者们正在使用哪些新扩展。

我还创建了一个 git repo，其中包含我常用的 VS Code 扩展和设置。点击此处查找 repo

封面图片来源 - Ferenc Almasi在 Unsplash 上的照片