一个正确配置的编辑器能够让读代码更清晰、写代码更快。它甚至可以帮你在写代码时捕获 bug！如果这是你第一次设置编辑器，或者你希望调整编辑器，以下是我们的一些建议。
选择你的编辑器
VS Code 是如今最流行的编辑器之一。它拥有一个庞大的插件市场，并集成了 GitHub 等流行的服务。下面列出的功能大部分可以作为插件添加到 VS Code 中，插件让 VS Code 高度可配置！
React 社区中其它常用的编辑器包括：
- WebStorm—专为 JavaScript 设计的集成开发环境。
- Sublime Text—支持 JSX 和 TypeScript，内置了语法高亮和自动代码补全功能。
- Vim—一个高度可配置的文本编辑器，能够高效地创建和修改任何类型的文本。它作为 “vi” 命令存在于大多数 UNIX 系统和 Apple OS X 中。
推荐功能
某些编辑器内置了这些功能，但其它编辑器可能需要安装插件。请查看你所选择的编辑器是支持以下功能！
代码过滤（Linting）
代码过滤的作用是在你书写代码时发现代码中的错误，并帮助你今早修复错误。ESLint 是一个流行的、开源的 JavaScript 过滤器。
格式化
与其他贡献者共享代码时，最不想做的事情就是讨论用 制表符（tabs）还是空格（spaces）！幸好，有 Prettier 来重新清理代码使其符合预定义的规则。运行 Prettier，所有的制表符（tabs）都将转换为空格（spaces），缩进、引号等也将全部根据配置被修改。理想的设置是当你保存文件时，Prettier 就会运行并帮你完成这些修改。
你可以按如下步骤安装 Prettier extension in VSCode ：
- 启动 VS Code
- 按快捷键（
CTRL/CMD + P） - 粘贴
ext install esbenp.prettier-vscode - 按回车键
保存文件时执行格式化
理想情况下，应该是在你每次保存文件时格式化代码。VS Code 已支持此设置！
- 在 VS Code 中，按
CTRL/CMD + SHIFT + P。 - 输入 “settings”
- 按回车键
- 在搜索栏中，输入 “format on save”
- 确保勾选了 “format on save” 选项！
Prettier 有时会与其它代码过滤其产生冲突。但是通常都会有办法让它们很好地配合工作。例如，如果需要同时使用 Prettier 和 ESLint，则可以使用 eslint-prettier 插件并通过 ESLint 规则来运行 prettier。