专业的

ESLint

1. 确保您的计算机上有Node.js。

2. 在项目中配置 Node.js 解释器，如配置本地 Node.js 解释器、在适用于 Linux 的 Windows 子系统上使用 Node.js或配置远程 Node.js 解释器中所述。

1. 在嵌入式终端( ) 中，键入以下命令之一：AltF12

   • npm install --g eslint用于全局安装。

   • npm install --save-dev eslint安装 ESLint 作为开发依赖项。

2. （可选）安装其他插件，例如eslint-plugin-react到 lint React 应用程序。

更改 ESLint 配置中规则的严重性级别

• 在.eslintrc或package.jsoneslintConfig下，找到要编辑的规则并将其 ID 设置为或。1 warn2 error

  从ESLint 官方网站了解更多信息。

忽略配置中的严重性级别

1. 在“设置”对话框 ( ) 中，选择编辑器 | 检查。检查页面打开。CtrlAlt0S

2. 在中央窗格中，转到JavaScript | 代码质量工具 | ESLint。

3. 在右侧窗格中，清除“使用配置文件中的规则严重性”复选框，然后选择要使用的严重性级别而不是默认级别。

   

• 当您第一次打开项目时，PyCharm 会自动从项目 ESLint 配置中导入代码样式。

• 如果您的 ESLint 配置已更新（手动或通过版本控制），请在编辑器中将其打开，然后从上下文菜单中选择“应用 ESLint 代码样式规则” 。

  

  或者，只需对“应用 ESLint 的代码样式？”回答“是”即可。问题位于文件顶部。

  

  应用的规则列表显示在事件日志工具窗口中：

  

安装 JavaScript 标准

• 在嵌入式终端( ) 中，键入：AltF12

  npm install standard --save-dev

  从JavaScript 标准样式官方网站了解更多信息。

通过 ESLint 使用标准启用 linting

standard如果您打开项目的package.json文件中列出的项目，PyCharm 会自动启用 Standard 的 linting。

1. 在“设置”对话框 ( ) 中，转至语言和框架 | JavaScript | 代码质量工具| ESLint。CtrlAlt0S

2. 在打开的ESLint页面上，选择手动 ESLint 配置standard并在ESLint Package字段中指定包的位置。

将 JavaScript 标准样式设置为默认

1. 在“设置”对话框 ( ) 中，转到编辑器 | 代码风格| JavaScript .CtrlAlt0S

2. 在JavaScript页面上，单击“设置自”，然后选择“JavaScript 标准样式”。该样式将取代您当前的方案。

1. 在设置 |安装Node.js和Node.js 远程解释器插件 插件页面，选项卡Marketplace ，如从 JetBrains Marketplace 安装插件中所述。

2. 确保在设置中启用了Docker插件。按打开 IDE 设置，然后选择插件。单击“已安装”选项卡。在搜索字段中，输入Docker。有关插件的更多信息，请参阅管理插件。CtrlAlt0S

3. 按照Docker主题中的说明下载、安装和配置Docker。

4. 在 Docker 中或通过Docker Compose配置 Node.js 远程解释器，并将其设置为项目中的默认解释器。还要确保与此远程解释器关联的包管理器设置为项目默认值。

5. 打开package.json并确保 ESLint 在以下devDependencies部分中列出：

   {
       "name": "node-express",
       "version": "0.0.0",
       "private": true,
       "dependencies": {
           "cookie-parser": "~1.4.4",
           "debug": "~2.6.9",
           "express": "~4.16.1",
           "http-errors": "~1.6.3",
           "morgan": "~1.9.1",
           "pug": "^3.0.2"
       },
       "devDependencies": {
           "eslint": "^8.1.0"
       }
   }

6. 右键单击编辑器中的任意位置，然后从上下文菜单中选择运行“<package manager> install” 。

7. 之后，ESLint 的工作方式与您在本地使用代码时相同。直接在编辑器或问题工具窗口中查看检测到的差异的描述，并应用建议的快速修复。