本教程是本系列3篇中的第2篇。
- 第1部分：如何在VSCode中使用Prettier
- 第3部分：如何使用Prettier与ESLint
关于如何在VS Code（Visual Studio Code）中安装和使用ESLint的简要步骤教程。ESLint支持你和团队在你的项目中遵循一个共同的代码风格。它可以在VS Code中使用，通过从VS Code Marketplace安装它。一旦你在VS Code中集成了它，你可以配置ESLint在你的文件中强制执行一种代码风格。这样，所有在一个项目上工作的团队成员都遵循相同的代码风格标准。
作为先决条件，你需要为你的项目安装ESLint。当你负责构建工具（如Webpack）时，你可以自己用一个*.eslintrc*文件安装和配置它。
继续阅读。如何为Webpack设置ESLint
继续阅读。如何为React设置ESLint
然而，大多数现代工具，如create-react-app，都有一个内置的ESLint安装和配置，你不需要做任何事情。
一旦你有了eslintrc文件（要么自己创建，要么由create-react-app这样的工具内部提供），你可以通过从VS Code Marketplace安装ESLint扩展，使ESLint的警告/错误在VS Code中可见。
之后，以JSON格式打开你的VS Code用户的设置/偏好，输入以下配置。
"editor.codeActionsOnSave": { "source.fixAll.eslint": true},"eslint.validate": ["javascript"],
通过这个设置，ESLint将检查JavaScript文件的代码风格，并在保存时自动尝试修复警告/错误。自己尝试一下，违反ESLint规则，验证你在VSCode中看到的警告/错误，并检查VS Code是否能够自己修复这个问题。就这样，你已经在Visual Studio Code中成功集成了ESLint。
本教程是本系列3篇中的第2篇。
- 第1部分：如何在VSCode中使用Prettier
- 第3部分：如何在ESLint中使用Prettier
