如何在 React 应用程序中安装/设置 Eslint、Prettier？答案

【问题标题】：How to install / setup Eslint, Prettier into a react app?如何在 React 应用程序中安装/设置 Eslint、Prettier？
【发布时间】：2021-09-20 17:27:37
【问题描述】：

我正在学习 React，现在我正在尝试理解 eslint，更漂亮，并安装到我的 react 项目中。

但我对如何设置以及执行此操作的顺序感到困惑。

我正在使用 create-react-app 创建应用，然后使用 JavaScript。

【问题讨论】：

您可以使用 npm install --save-dev prettier 在本地安装它们并为其编写脚本以自动格式化您的代码，并执行诸如检查拉取请求中的错误之类的操作。或者你可以为你的编辑器安装 eslint/prettier 插件，比如 vscode，并使用编辑器集成在保存时格式化代码，并显示来自 eslint inline 的错误。

【解决方案1】：

您好，我将从阅读 eslint docs 开始，使用包管理器安装 eslint，然后创建您的 .eslintrc.json 配置文件。

添加 eslint 后，您需要在配置中添加 prettier。关注如何添加更漂亮的from their github。你需要用包管理器安装它，然后用 prettier 扩展你的 eslint。

你的.eslint.json 应该是这样的

... 
"extends": [
   "some-other-config-you-use",
   "prettier"
]

【讨论】：