正确配置的编辑器可以使代码更清晰易读，并且编写速度更快。它甚至可以帮助你在编写代码时捕获错误！如果这是你第一次设置编辑器，或者你希望调整当前的编辑器，我们有一些建议。
你将学习
- 最流行的编辑器有哪些
- 如何自动格式化代码
你的编辑器
VS Code 是当今最流行的编辑器之一。它拥有庞大的扩展市场，并且可以与 GitHub 等流行服务很好地集成。以下列出的大多数功能也可以作为扩展添加到 VS Code 中，使其高度可配置！
React 社区中使用的其他流行文本编辑器包括
- WebStorm 是一款专为 JavaScript 设计的集成开发环境。
- Sublime Text 支持 JSX 和 TypeScript，内置了 语法高亮 和自动完成。
- Vim 是一款高度可配置的文本编辑器，旨在高效地创建和更改任何类型的文本。大多数 UNIX 系统和 Apple OS X 都包含 “vi”。
推荐的文本编辑器功能
某些编辑器内置了这些功能，而其他编辑器可能需要添加扩展。请检查你选择的编辑器是否提供支持！
代码检查
代码检查工具可以在你编写代码时发现代码中的问题，帮助你尽早修复它们。 ESLint 是一款流行的开源 JavaScript 代码检查工具。
确保你已经为你的项目启用了所有 eslint-plugin-react-hooks 规则。 它们至关重要，可以尽早捕获最严重的错误。推荐的 eslint-config-react-app 预设已经包含了它们。
格式化
在与其他贡献者共享代码时，你最不想做的事情就是讨论制表符与空格的问题！幸运的是，Prettier 可以通过根据预设的可配置规则重新格式化代码来清理你的代码。运行 Prettier 后，你所有的制表符都将转换为空格，你的缩进、引号等也将全部更改为符合配置的格式。在理想情况下，Prettier 会在你保存文件时运行，快速为你进行这些编辑。
你可以按照以下步骤在 VSCode 中安装 Prettier 扩展
- 启动 VS Code
- 使用快速打开（按 Ctrl/Cmd+P）
- 粘贴
ext install esbenp.prettier-vscode - 按 Enter 键
保存时格式化
理想情况下，你应该在每次保存时格式化代码。VS Code 为此提供了设置！
- 在 VS Code 中，按
CTRL/CMD + SHIFT + P。 - 输入“settings”
- 按 Enter 键
- 在搜索栏中，输入“format on save”
- 确保勾选了“format on save”选项！
如果你的 ESLint 预设有格式化规则，则它们可能与 Prettier 冲突。我们建议使用
eslint-config-prettier禁用 ESLint 预设中的所有格式化规则，以便 ESLint 仅 用于捕获逻辑错误。如果你想强制在合并拉取请求之前格式化文件，请在你的持续集成中使用prettier --check。