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

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

目前汽车进口形势如何:

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

我想把它改成:

import { AbstractControl } from '@angular/forms';
25452 次浏览
小开
最佳答案

Yes. Go to WebStorm -> Preferences -> Editor -> Code Style -> JavaScript -> Spaces (second tab), scroll to section "Within" and check ES6 import/export braces. enter image description here

小开
  • For javascript Project:

Go to WebStorm > File > Settings > Editor > Code Style > JavaScript > Spaces (second tab), scroll to section "Within" and check ES6 import/export braces.

  • For TypeScript Project:

Go to WebStorm > File > Settings > Editor > Code Style > TypeScript > Spaces (second tab), scroll to section "Within" and check ES6 import/export braces.

小开

You might want to check the Within interpolation expressions in the Other section of the Spaces tab.

小开

While the other answers are correct, they are not portable. You have to remember to change IntelliJ on all machines you run the project. You can add an .editorconfig file to your project.

On your specific request for "IntelliJ/WebStorm" such can be achieved by putting this line on the file .editorconfig:

ij_typescript_spaces_within_brackets = true

To give you a better example of what an .editorconfig file can do, check the following:

  • marks it as root (so editor will not look elsewhere)
  • makes sure all files are utf-8
  • if file matches given extension gives it some extra properties
root = true


[*]
charset = utf-8


[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
ij_typescript_spaces_within_brackets = true
小开

Update .editorconfig, add properties for typescript and javascript files

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


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

提交答案