如何在PhpStorm/WebStorm中统一TypeScript导入为多行格式？

我刚好也遇到过这个困扰——自动格式化的导入忽单行忽多行，导致PR里的差异乱七八糟。要彻底解决这个问题，只需要调整IDE的代码风格设置，强制所有导入都拆成多行，具体步骤如下：

1. 打开IDE设置

   • Windows/Linux用户：点击顶部菜单栏的 File → Settings
   • Mac用户：点击顶部菜单栏的 WebStorm/PhpStorm → Settings

2. 导航到TypeScript代码风格配置
   在设置窗口左侧，依次展开 Editor → Code Style → TypeScript，然后切换到 Imports 标签页：

   • 找到 Maximum number of imports per line 选项，把它的值设置为 1。这样每个导入成员都会被强制单独放在一行。
   • 另外，确保 Wrap long lines 选项处于勾选状态（一般默认是开启的），配合上面的设置就能彻底避免单行导入的情况。

3. （可选）兜底的换行设置
   如果上面的设置还不够保险，可以切换到 Wrapping and Braces 标签页，找到 Import statements 选项，将其设置为 Wrap always。这个选项会强制所有导入语句无论长度如何都换行展示。

4. 应用设置并测试
   点击窗口底部的 Apply → OK 保存设置，然后选中你的导入语句，按下 Ctrl+Alt+L（Windows/Linux）或 Cmd+Opt+L（Mac）执行格式化，就能看到所有导入都变成多行格式了。

如果你的项目里还用到了Prettier这类第三方格式化工具，记得同步调整Prettier的配置（比如把printWidth设为一个很小的值，或者开启importOrderSeparation），避免IDE设置和Prettier冲突。

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