如何通过配置文件在WebStorm中共享ESLint配置实现开箱即用

不需要开发者手动调整IDE设置即可实现ESLint开箱生效，具体操作如下：

• 先在本地完成ESLint工作目录配置：打开Settings > Languages & Frameworks > JavaScript > Code Quality Tools > ESLint，将Working directories设置为你存放.eslintrc.json的目标目录，确认本地ESLint校验规则正常生效。
• 定位项目级配置文件：打开项目根目录下的.idea/jsLinters/文件夹，找到eslint.xml文件，你刚才手动设置的所有ESLint参数（包括自定义工作目录）都存储在这个文件中。

  若找不到该文件，回到ESLint设置页点击一次Apply，IDE会自动生成对应配置文件。

• 校验路径配置：打开eslint.xml确认配置中的工作目录路径为项目相对路径（例如./configs/lint），不要保留个人设备的绝对路径，IDE默认生成的配置均为相对路径，一般不需要手动修改。
• 提交配置到仓库：将.idea/jsLinters/eslint.xml加入Git版本控制提交到远程仓库，同时记得将.idea/workspace.xml、.idea/tasks.xml这类存储个人IDE本地状态的文件加入.gitignore，避免提交后覆盖其他开发者的个人配置。

其他开发者克隆项目后用WebStorm打开，IDE会自动读取提交的eslint.xml配置，直接加载指定目录下的ESLint规则，不需要手动调整任何设置，效果和VSCode提交.vscode/settings.json的共享机制完全一致。

常见问题说明 #

你之前通过IDE导出配置功能找不到ESLint相关设置，是因为WebStorm默认的导出功能仅同步IDE全局级配置，项目级别的Linter规则配置不会被打包到导出压缩包中，这类配置仅存储在项目.idea目录的对应xml文件内。

内容的提问来源于stack exchange，提问作者Tal Rofe