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

Question

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

目前自动导入的样子：

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

我想改成：

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

Answer 1

是的。转到 WebStorm -> Preferences -> Editor -> Code Style -> JavaScript -> Spaces（第二个选项卡），滚动到“Within”部分并检查 ES6 导入/导出大括号。

Answer 2

• 对于 javascript 项目：

转到 WebStorm > 文件 > 设置 > 编辑器 > 代码样式 > JavaScript > 空格（第二个选项卡），滚动到“内部”部分，然后 检查 ES6 导入/导出大括号。

• 对于 TypeScript 项目：

转到 WebStorm > 文件 > 设置 > 编辑器 > 代码样式 > TypeScript > 空格（第二个选项卡），滚动到“内部”部分并检查 ES6 导入/导出大括号。

Answer 3

虽然其他答案是正确的，但它们不可移植。您必须记住在运行项目的所有机器上更改 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 = 真 trim_trailing_whitespace = true ij_typescript_spaces_within_brackets = true

Answer 4

您可能需要检查Spaces 标签的Other 部分中的Within interpolation expressions。