如何将VSCode的settings.json配置集成到WebStorm中？

对应你提供的VSCode配置，以下是WebStorm的具体设置步骤： #

1. 统一缩进为2个空格 #

• 打开设置（快捷键 Ctrl+Alt+S / Cmd+,）
• 进入 Editor > Code Style，依次选择JavaScript、CSS、SCSS、Less等语言
• 在Tabs and Indents面板，将Tab size和Indent都设为2，取消勾选Use tab character（用空格代替制表符）

2. 启用ESLint并设置保存自动修复 #

• 进入 Settings > Languages & Frameworks > JavaScript > Code Quality Tools > ESLint
• 勾选Enable，WebStorm会自动识别项目根目录的.eslintrc配置文件
• 打开 Settings > Tools > Actions on Save，勾选Run eslint --fix

3. 配置StyleLint并禁用内置样式校验 #

• 先在WebStorm插件市场搜索安装StyleLint插件，重启IDE
• 进入 Settings > Languages & Frameworks > Style Sheets > Stylelint
• 勾选Enable，在File Patterns中添加需要校验的文件类型：*.css, *.scss, *.less
• 禁用内置校验：
  • 进入 Settings > Languages & Frameworks > Style Sheets > CSS，取消勾选Enable CSS inspection
  • 进入 Settings > Languages & Frameworks > Style Sheets > SCSS，取消勾选Enable SCSS inspection
• 回到Actions on Save，勾选Run stylelint --fix

4. 关闭WebStorm默认格式化 #

• 进入 Settings > Tools > Actions on Save，取消勾选Reformat code，避免和ESLint/StyleLint的修复冲突

你提供的VSCode配置参考： #

{
  "eslint.validate": [
    "javascript"
  ],
  "eslint.format.enable": true,
  "eslint.alwaysShowStatus": true,
  "editor.formatOnSave": false,
  "editor.tabSize": 2,
  "stylelint.validate": [
    "scss",
    "css",
    "less"
  ],
  "css.validate": false,
  "scss.validate": false,
  "stylelint.config": null,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.fixAll": "explicit"
  }
}

内容的提问来源于stack exchange，提问作者Mamunur Rashid