ESLint规范

Posted 2023-03-23

参考技术A

gitlub地址 https://github.com/CodeMonkeyLin/eslint-demo

它被设计的容易拓展、拥有大量的自定义规则、容易的通过插件来安装。它给出准确的输出，而且包括规则名，这样可以知道哪个规则造成了错误。

ESLint文档多少有些混乱。规则容易查找，以及被分为逻辑组，但是配置指南在有些地方容易弄混。然而它可以在一个地方提供链接去编辑集成、插件和样例。

优点

缺点

ESLint是javascript的linting实用程序。

ESLint不依赖于特定的编码约定，用户也可以自由地启用或禁用各个编码约定。从这个意义上讲，它的一个主要特点是其高度可定制性。

用户可以通过定义原始 规则来 灵活地设置编码标准，这些规则是ESLint中默认可用的编码规则。此外，第三方共享的着名编码约定，例如“Google JavaScript Style Guide”或“Airbnb JavaScript Style Guide”也可以重复使用。

您甚至可以在遵循这些编码约定的同时启用/禁用特定文件的特定规则。

如果您不知道要开始的设置，可以参考ESLint官方提供的“ 入门 ”指南，以使用建议的编码约定。

核心概念：

"scripts":
"lint": "eslint src",
"lint:create": "eslint --init"

配置方法使用 eslint --init 方法

配置文件 .eslintrc.js ：

.eslintrc.js 文件：

再来看看， yaml 文件配置：

该文件导出一个对象，对象包含属性 env 、 extends 、 parserOptions 、 plugins 、 rules 五个属性：

可以在项目根目录创建，告诉ESLint忽略某些文件或者目录。相当于.gitignore都是纯文本文件。
例如

常见的eslintignore内容：

ESLint的规范：

Standard: https://github.com/standard/eslint-config-standard

具体地址： eslintrc.json

Airbnb: https://github.com/airbnb/javascript

配置文件：

快速修复配置：

打开 "editor.formatOnSave": true 并且要打开 eslint.validate 如上面的配置，或者在UI界面里面设置。

[图片上传失败...(image-4d8bb7-1591250318526)]

Configure ESLint, Prettier, and Flow in VS Code for React Development

React开发团队如何使用ESLint