在WebStorm中的导入和大括号之间添加空格

Question

是否可以在WebStorm的自动导入功能中在导入和大括号之间添加空格？

目前自动导入的方式如下:

import {AbstractControl} from '@angular/forms';

我想将其更改为:

import { AbstractControl } from '@angular/forms';

Answer 1

是.转到WebStorm - >首选项 - >编辑器 - >代码样式 - > JavaScript - >空格(第二个选项卡),滚动到"内部"部分并检查ES6导入/导出大括号.

Answer 2

• 对于javascript项目:

转到WebStorm>文件>设置>编辑器>代码样式> JavaScript >空格(第二个选项卡),滚动到"内部"部分并检查ES6导入/导出大括号.

• 对于TypeScript项目:

转到WebStorm>文件>设置>编辑器>代码样式> TypeScript >空格(第二个选项卡),滚动到"内部"部分并检查ES6导入/导出大括号.

Answer 3

更新.editorconfig，添加 typescript 和 javascript 文件的属性

[{*.ats,*.cts,*.mts,*.ts}]
ij_typescript_spaces_within_imports = true

[{*.cjs,*.js,*.jsx}]
ij_javascript_spaces_within_imports = true

Answer 4

虽然其他答案是正确的，但它们不可移植。您必须记住在运行该项目的所有机器上更改 IntelliJ。您可以将.editorconfig文件添加到您的项目中。

根据您对“IntelliJ/WebStorm”的具体要求，可以通过将此行放在文件中来实现.editorconfig：

ij_typescript_spaces_within_brackets = true

为了让您更好地了解.editorconfig文件的功能，请检查以下内容：

• 将其标记为 root（因此编辑器不会查看其他地方）
• 确保所有文件都是 utf-8
• 如果文件匹配给定的扩展名给它一些额外的属性

根=真

[*]
字符集 = utf-8

[*.{js,jsx,ts,tsx,vue}]
indent_style = 空格
缩进尺寸 = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
ij_typescript_spaces_within_brackets = true