Open yanlele opened 5 months ago
关键词：eslint 代码检测、eslint 代码检测 执行过程
ESLint 是一个插件化的静态代码分析工具，用于识别 JavaScript 代码中的问题。它在代码质量和编码风格方面有助于保持一致性。代码检查的过程通常如下：
配置： 首先需要为 ESLint 提供一套规则，这些规则可以在.eslintrc配置文件中定义，或者在项目的package.json文件中的eslintConfig字段里指定。规则可以继承自一套已有的规则集，如eslint:recommended，或者可以是一个流行的样式指南，如airbnb。也可以是自定义的规则集。
.eslintrc
package.json
eslintConfig
eslint:recommended
airbnb
解析： 当运行 ESLint 时，它会使用一个解析器（如espree，默认的解析器）来解析代码，将代码转换成一个抽象语法树（AST）。AST 是代码结构的一个树状表示，能让 ESLint 理解代码的语义结构。
espree
遍历： 一旦代码被转换成 AST，ESLint 则会遍历该树。它会查找树的每个节点，检查是否有任何规则适用于该节点。在遍历过程中，如果发现违反了某项规则，ESLint 将记录一个问题（通常称为“lint 错误”）。
报告： 在遍历完整个 AST 之后，ESLint 会生成一份报告。这份报告详细说明了它在代码中找到的任何问题。这些问题会被分类为错误或警告，根据配置设置的不同，某些问题可能会阻止构建过程或者被忽略。
修复： 对于某些类型的问题，ESLint 提供了自动修复的功能。这意味着你可以让 ESLint 尝试自动修复它所发现的问题，不需人工干预。
集成： ESLint 可以集成到 IDE 中，这样就可以在代码编写过程中即时提供反馈。它也可以被集成到构建工具如 Webpack 或任务运行器 Grunt、Gulp 中，作为构建过程或提交代码到版本控制系统前的一个步骤。
通过以上步骤，ESLint 帮助开发者在编码过程中遵循一致的风格和避免出现潜在的错误。
推荐看这个文章： https://juejin.cn/post/7350535815132659749?searchId=20240915155824ADB9326F2CAF4BF8BE1F#heading-14
yanlele
commented
5 days ago yanlele
commented
5 days ago
关键词：eslint 代码检测、eslint 代码检测 执行过程
ESLint 是一个插件化的静态代码分析工具，用于识别 JavaScript 代码中的问题。它在代码质量和编码风格方面有助于保持一致性。代码检查的过程通常如下：
配置： 首先需要为 ESLint 提供一套规则，这些规则可以在
.eslintrc配置文件中定义，或者在项目的package.json文件中的eslintConfig字段里指定。规则可以继承自一套已有的规则集，如eslint:recommended，或者可以是一个流行的样式指南，如airbnb。也可以是自定义的规则集。解析： 当运行 ESLint 时，它会使用一个解析器（如
espree，默认的解析器）来解析代码，将代码转换成一个抽象语法树（AST）。AST 是代码结构的一个树状表示，能让 ESLint 理解代码的语义结构。遍历： 一旦代码被转换成 AST，ESLint 则会遍历该树。它会查找树的每个节点，检查是否有任何规则适用于该节点。在遍历过程中，如果发现违反了某项规则，ESLint 将记录一个问题（通常称为“lint 错误”）。
报告： 在遍历完整个 AST 之后，ESLint 会生成一份报告。这份报告详细说明了它在代码中找到的任何问题。这些问题会被分类为错误或警告，根据配置设置的不同，某些问题可能会阻止构建过程或者被忽略。
修复： 对于某些类型的问题，ESLint 提供了自动修复的功能。这意味着你可以让 ESLint 尝试自动修复它所发现的问题，不需人工干预。
集成： ESLint 可以集成到 IDE 中，这样就可以在代码编写过程中即时提供反馈。它也可以被集成到构建工具如 Webpack 或任务运行器 Grunt、Gulp 中，作为构建过程或提交代码到版本控制系统前的一个步骤。
通过以上步骤，ESLint 帮助开发者在编码过程中遵循一致的风格和避免出现潜在的错误。