最终的

ESLint

在“设置”对话框 ( ) 中，转至语言和框架 | JavaScript |代码质量工具| ESLint，然后选择手动 ESLint 配置。CtrlAlt0S

在ESLint包字段中，指定eslint或标准包的位置。

在工作目录字段中，指定ESLint进程的工作目录。

默认情况下，该字段为空，IntelliJ IDEA会自动检测工作目录。首先，它找到最接近linted文件的目录，其中包含.eslintignore或.eslintrc.*文件，或者带有a或a属性的package.json文件。eslintIgnoreeslintConfig

如果自动检测到的工作目录与您的项目配置不匹配，您需要手动指定工作目录。使用分号作为分隔符。默认的值为：

• 绝对路径。

• 相对于项目基目录的路径（存储IntelliJ IDEA特定项目元数据的.idea文件夹的父文件夹）。例如：

  1. ./：使用项目基目录作为ESLint进程工作目录。

  2. client;server：使用<project_base_dir>/client和<project_base_dir>/server作为工作目录。对于无论客户端不在服务器文件夹下的文件，都会按照上述自动检测工作目录。

  3. packages/*：<project_base_dir>/packages目录的每个子文件夹将使用相应的linted文件的工作目录。

• 如果某些 linted 文件不在文件夹层次结构中的项目基目录下，则可以使用相对于内容根的路径。

• 定义了工作目录的相对路径的全局模式。例如，**/foo -*以 开头的每个目录foo-将使用相应的 linted 文件的工作目录。

选择要使用的配置。

• 自动搜索：如果在package.json或.eslintrc.*文件中配置 ESLint 规则，请选择此选项。这可以是.eslintrc、.eslintrc.json或.eslintrc.yaml文件，也可以是其他受支持格式的文件。更多信息请参考ESLint 官网。

  IntelliJ IDEA 查找.eslintrc.*文件或package.jsoneslintConfig中的属性。IntelliJ IDEA 从要检查的文件所在的文件夹开始搜索，然后在其父文件夹中搜索，依此类推，直到到达项目根目录。

• 配置文件- 选择此选项可使用自定义文件并在路径字段中指定文件位置。

从ESLint 官方网站了解有关配置 ESLint 的更多信息。

可选：

• 在Extra eslint options字段中，指定运行 ESLint 时使用的附加命令行选项，使用空格作为分隔符。

  从ESLint 官方网站了解有关 ESLint CLI 选项的更多信息。

• 在附加规则目录字段中，指定包含附加代码验证规则的文件的位置。这些规则将在package.json、.eslintrc.*或自定义配置文件中的规则之后应用，并相应地覆盖它们。

  有关ESLint 配置文件和添加规则的更多信息，请参阅 ESLint 官方网站。

打开“设置”对话框 ( )，转到“语言和框架”| JavaScript | 代码质量工具| ESLint，然后选择自动ESLint 配置或手动ESLint 配置。CtrlAlt0S

在“针对文件运行”字段中，指定定义要检查的文件集的模式。您可以接受默认模式或键入自定义模式。

使用默认模式 ，{**/*,*}.{js,ts,jsx,tsx,html,vue}ESLint 将唤醒并处理任何更新的 JavaScript、TypeScript、JSX、TSX、HTML 或 Vue 文件。要对其他类型的文件或存储在特定文件夹中的文件进行 lint 检查，请使用glob 模式来更新默认模式。

• 例如，要自动重新格式化 CoffeeScript 文件，请添加coffee到默认模式，如下所示：

  {**/*,*}.{js,ts,jsx,tsx,html,vue,coffee}

• 要从特定文件夹中检查文件，请替换{**/*,*}为<path to the folder>*.

  假设您有一个具有以下结构的项目：

  

  要仅检查Coffee文件夹中的文件，请按如下方式更新模式：

  coffee/*.{js,ts,jsx,tsx,html,vue,coffee}

  因此，文件linting.coffee将被 linted，而no_linting.coffee则不会。