我的 VS Code 设置

VS Code 是市面上最好的编辑器之一。它不仅仅是因为微软推出，还拥有一些非常棒的功能，其中最主要的是允许开发人员安装扩展程序并根据自己的需求使用。

为什么我们需要扩展？

作为一名开发者，你总是希望在尽可能短的时间内完成目标。重复五行代码真的会让人精疲力尽。这时扩展就派上用场了。只需四个字，就能看到完整的语法。有些扩展会自动填充语法，有些则提供了各种主题。作为一个暗黑主题爱好者，我的编辑器里安装了很多暗黑主题，我会和你分享的！

我使用的扩展

和你一样，我也浏览过各种文章和 Instagram 帖子，讨论每个开发者必备的 20 款 VS Code 扩展。每个开发者都会根据自己的喜好对这些扩展进行排名。我确实用过它们，但有些并不适合我。这完全没问题！扩展只是让你的生活更轻松的辅助工具。编写应用程序并进行部署，只有开发者才能做到，任何扩展都做不到。
以下是我在 VS Code 中可以找到的扩展：

主题和外观：

• Atom One Dark 主题 - Mahmoud Ali

• 香鱼 - teabyii

• 社区材料主题 - Mattia Astorino

• 德古拉官方 - 德古拉主题

• Helium 图标主题 - Helgard Richard Ferreira

• Material Icon 主题 - Philipp Kief

• Material 主题图标 - Mattia Astorino

• One Dark Pro - 二进制化

• One Monokai 主题 - Joshua Azemoh

• Palenight 主题 - Olaolu Olawuyi

• Panda Theme - 熊猫主题（我的最爱之一！）

预览我的一个使用 Panda Theme 的项目

• Synthwave'84 - 罗布·欧文

• vscode-icons - VSCode 图标团队

工具和生产力：

自动关闭标签 - 韩俊

• 此扩展在编写 HTML 或 XML 语法时自动添加结束标记

自动导入 - 硬脂酸盐

• 可能是最有用的一个，这个扩展会自动生成import语句，以防您忘记导入代码片段并在代码中调用它
• 在制作 TypeScript 或 React 应用程序时非常有用

自动重命名标签 - 韩俊

• 当您重命名开始标签时，此扩展会自动重命名结束标签。

自动打开 Markdown 预览 - hnw

• 在编辑器中编辑 README 文件时，此扩展程序可让您直接在编辑器中查看更改。您还可以在另一个窗格中打开预览，所做的更改将自动反映出来。

更好的对齐 - wwm

• 此扩展程序可让您完美地缩进代码，无需任何麻烦

更好的评论 - Aaron Bond

• 此扩展程序可让您在代码中添加美观的注释。它允许您添加高亮、注释、提醒等功能。

括号对着色器 - CoenraadS

• 作为市场上最好的扩展之一，此扩展突出显示匹配的括号，以便作为开发人员，您在关闭错误类型的括号时不会感到困惑

代码时间 - 软件

• 我习惯记录每天的编码时间，这个扩展程序帮了我大忙。不仅如此，它还能提供对特定文件所用时间、编码行数等的详细分析。

ES7 React/Redux/GraphQL/React-Native 代码片段 - dsznajder

• 作为一名 React 开发者，每当我需要在文件中编写 React 语法时，这个扩展都能帮到我。它会自动生成function和import语句，并且功能远不止于此。

实时服务器 - Ritwick Dey

• 这可能是最受关注的扩展程序，它是一款必备扩展程序，因为它会自动创建一个服务器供您查看文件。文件中的任何更改都会自动反映在服务器上。

路径智能感知 - Christian Kohler

• 当您导入/导出文件时，此扩展会自动完成文件名。

Prettier - 代码格式化程序 - Prettier

• 整齐地格式化你的代码。它支持 JavaScript、JSX、Vue、Angular 等。

React PropTypes Intellisense - 人性的束缚

• 在 React 中查找类型props并自动生成要添加到 React 组件中的代码片段

以上就是我使用的所有 VS Code 扩展。希望你喜欢我的文章，并享受使用这些实用扩展的乐趣 :)