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

Question

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

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

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

我想将其更改为：

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

Answer 1

是。转到WebStorm - ＆gt;偏好 - ＆gt;编辑 - ＆gt;代码风格 - ＆gt; JavaScript - ＆gt;空格（第二个选项卡），滚动到“内部”部分并检查ES6导入/导出大括号。

Answer 2

• 适用于javascript项目：

  

转到WebStorm＆gt;文件＆gt;设置＆gt;编辑＆gt;代码风格＆gt;    JavaScript ＆gt;空格（第二个标签），滚动到部分＆＃34;内部＆＃34;和   检查ES6导入/导出大括号。

• 适用于TypeScript项目：

  

转到WebStorm＆gt;文件＆gt;设置＆gt;编辑＆gt;代码风格＆gt;    TypeScript ＆gt;空格（第二个标签），滚动到部分＆＃34;内部＆＃34;并检查   ES6导入/导出大括号。

Answer 3

您可能需要查看 XNamespace jsonPrefix1 = "xmlns"; XNamespace jsonPrefix2 = "json"; XElement root = new XElement("person", new XAttribute(jsonPrefix1 + "json", "http://james.newtonking.com/projects/json"), new XAttribute("id","1"), new XElement("name", "Alan"), new XElement("url", "http://www.google.com"), new XElement("role" ,"Admin", new XAttribute(jsonPrefix2 + "Array", "true")) ); 标签的Within interpolation expressions部分中的Other。

Answer 4

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

根据您对“ IntelliJ / WebStorm”的特定要求，可以通过在文件.editorconfig上放置这一行来实现：

ij_typescript_spaces_within_brackets = true

---

为您提供一个更好的.editorconfig文件可以做什么示例，请检查以下内容：

• 将其标记为root（这样编辑器便不会在其他地方显示）
• 确保所有文件均为utf-8
• 如果文件匹配给定的扩展名，将为其提供一些额外的属性

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