我的生产力设置（VS Code）

主题

字体

图标

有用的扩展

在这篇文章中，我将向你展示我个人的 VS Code 设置！它让我效率更高，也激励我写更多代码。我会教你如何把这个枯燥乏味的设置变成——

对于这个很酷的人-

我还会提供一些实用的 VS Code 扩展，让你的开发工作更加轻松。如果你感兴趣，可以继续阅读……

主题

说到主题，每个人都有不同的选择。但我个人更喜欢使用“最佳主题”。没错，如果你认同我的观点，这就是最佳主题。它让我的 VS Code 看起来非常优雅。它和 One Dark Pro 非常相似，但 One Dark Pro 比 One Dark Pro 更浅一些，这很吸引我。

字体

我使用Fira Code作为编辑器的默认字体。它看起来很不错，让我的编辑器看起来很漂亮。我推荐使用 Fira Code 400 Medium 字体搭配“最佳”主题。

图标

对于图标，我使用Material Icon Theme，这使得我的图标看起来简洁而优雅。

有用的扩展

1. Prettier

Prettier 是一款非常实用的扩展程序。它会在你保存文件后格式化未格式化的代码。所以请安装它。安装完成后，前往“设置”，搜索“保存时格式化”，然后检查设置是否已标记。最后，在你的 settings.json 中添加一些代码。

"editor.defaultFormatter": "esbenp.prettier-vscode",

2.自动重命名标签

当我使用 React、Html 和 XML 时，这个扩展节省了我的很多时间。当你尝试重命名开始标签时，它会自动重命名结束标签。

动图

3. ES7 React/Redux/GraphQL/React-Native 代码片段

这个扩展在我使用 React 和 React-native 时节省了大量时间。它帮我避免了编写所有样板代码。比如，当我输入“rafce”时，它会生成 React 函数式组件的所有代码。

4.实时服务器

当您处理 html、css 和 js 项目时，此扩展非常有用。一旦您保存项目中的任何文件，它都会自动重新加载浏览器页面。

动图

5.括号对着色器

这个扩展非常有用。它突出显示了左右括号，并生成了不同的颜色。这帮助我更快更好地理解。

6. Tabnine 自动完成 AI

Tabnine 是一款自动补全 AI 工具。它能帮你写代码，帮你大忙！我强烈推荐它。安装它，你就能坚持用下去！简直太好用了！

这就是我的 VS Code 设置。我很喜欢用这个设置工作。欢迎在讨论区留言，告诉我你的效率设置！