WebStorm配置：单模块导入项超3个时单独分行，不足则同行

操作步骤： #

• 打开设置面板：使用快捷键 Ctrl+Alt+S（Windows/Linux）或 Cmd+,（Mac），也可通过菜单栏 File > Settings（Windows/Linux）/WebStorm > Settings（Mac）进入。
• 定位到代码风格配置：在左侧导航栏展开 Editor > Code Style，选择你项目使用的语言（如 JavaScript 或 TypeScript）。
• 切换到 Imports 标签页：
  • 找到 Maximum number of import symbols per line 选项，将数值设置为 3。
  • 勾选下方的 Wrap when exceeding the limit 选项。
• 保存配置：点击 Apply 后再点 OK，之后用快捷键 Ctrl+Alt+L（Windows/Linux）或 Cmd+Opt+L（Mac）格式化代码即可生效。

效果示例： #

• 单模块导入项≤3个时，保持同一行：

  import { useState, useEffect } from 'react';
  

• 单模块导入项>3个时，每个导入项单独占一行：

  import {
    useState,
    useEffect,
    useContext,
    useRef
  } from 'react';
  

内容的提问来源于stack exchange，提问作者El Anonimo