前言
在前端开发中，代码质量是非常重要的一部分。而 eslint 是一个非常好用的代码检查工具，可以帮助我们规范代码风格、发现潜在的问题等。本文将会介绍如何在 create-react-app 项目中开启 eslint。
步骤
1. 创建 create-react-app 项目
首先，我们需要创建一个 create-react-app 项目，可以使用以下命令：
--- ---------------- ------ -- ------
2. 安装 eslint
安装 eslint 可以使用以下命令：
--- ------- ------ ----------
3. 初始化 eslint 配置
初始化 eslint 配置可以使用以下命令：
--- ------ ------
这个命令会引导你选择 eslint 的一些配置项，如下所示：
你可以根据自己的需求进行选择，或者选择默认配置。
4. 在 create-react-app 中开启 eslint
在 create-react-app 中开启 eslint 需要进行以下步骤：
安装 eslint-config-react-app
--- ------- ----------------------- ----------
修改 .eslintrc.js 配置文件
打开 .eslintrc.js 配置文件，修改 extends 配置项，添加 eslint-config-react-app，如下所示：
-------------- - - ---------- - ------------ ------------------------- - --
5. 运行 eslint
运行 eslint 可以使用以下命令：
--- ------ ----
这个命令会检查 src 目录下的所有文件，并输出检查结果。
总结
本文介绍了如何在 create-react-app 项目中开启 eslint，并提供了详细的步骤和示例代码。通过使用 eslint，可以帮助我们规范代码风格、发现潜在的问题，提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65e2c37a1886fbafa4f5c6ee