设置开发环境
ESLint 拥有一个非常轻量级的开发环境,使代码更新快速且轻松。这是一个逐步指南,用于设置本地开发环境,以便您可以为项目做出贡献。
步骤 1:安装 Node.js
访问 https://node.org.cn/ 下载并安装适合您操作系统的最新稳定版本。
大多数安装程序都附带了 npm,但如果由于某种原因 npm 在您的系统上无法工作,您可以使用站点上的说明手动安装它。
步骤 2:Fork 并检出您自己的 ESLint 存储库
访问 https://github.com/eslint/eslint 并点击“Fork”按钮。按照 GitHub 文档 进行 Fork 和克隆操作。
克隆您的 Fork
git clone https://github.com/<Your GitHub Username>/eslint
克隆存储库后,运行 npm install
以获取所有必要的依赖项
cd eslint
npm install
此步骤需要连接到互联网才能正常工作。您将看到许多实用程序正在下载。
注意:每次从主存储库拉取时,重新运行 npm install
是一个好主意,以确保您拥有最新的开发依赖项。
步骤 3:添加上游源
上游源是进行活跃开发的主要 ESLint 存储库。虽然您将无法访问上游的推送权限,但您将拥有拉取权限,允许您在需要时随时拉取最新代码。
要添加 ESLint 的上游源,请在您的存储库中运行以下命令
git remote add upstream [email protected]:eslint/eslint.git
现在,远程 upstream
指向上游源。
步骤 4:安装 Yeoman 生成器
Yeoman 是 ESLint 使用的脚手架生成器,有助于简化新规则的开发。如果您尚未安装 Yeoman,可以通过 npm 安装它
npm install -g yo
然后,您可以安装 ESLint Yeoman 生成器
npm install -g generator-eslint
请参阅 生成器文档 以获取有关如何使用它的说明。
步骤 5:运行测试
运行测试是确保您已正确设置开发环境的最佳方法。确保您位于 eslint
目录中并运行
npm test
测试需要几分钟才能完成。如果任何测试失败,则可能表示环境设置的一个或多个部分未正确完成。上游测试始终通过。
参考信息
目录结构
ESLint 的目录和文件结构如下
bin
- 安装 ESLint 时可用的可执行文件conf
- 默认配置信息docs
- 项目文档lib
- 包含源代码formatters
- 所有定义格式化程序的源文件rules
- 所有定义规则的源文件
tests
- 主要单元测试文件夹lib
- 源代码的测试formatters
- 格式化程序的测试rules
- 规则的测试
工作流程
安装开发环境后,您可以对 ESLint 源文件进行更改并提交。成功执行此操作需要仔细遵守我们的 拉取请求提交工作流程。
构建脚本
ESLint 有几个构建脚本,可以帮助开发的各个部分。
npm test
主要使用的脚本是 npm test
,它执行以下操作
- 检查所有 JavaScript(包括测试)和 JSON 代码
- 在 Node.js 上运行所有测试
- 检查代码覆盖率目标
- 生成
build/eslint.js
以在浏览器中使用 - 在 PhantomJS 中运行一部分测试
在进行更改并使用更改发送拉取请求之前,请务必运行此命令。
注意:完整的代码覆盖率报告输出到 /coverage
中。
npm run lint
仅对存储库运行 JavaScript 和 JSON 代码检查。
npm run webpack
生成 build/eslint.js
,这是在浏览器中使用的 ESLint 版本。