# http://editorconfig.org
root = true
[*] # 表示所有文件适用
charset = utf-8 # 设置文件字符集为 utf-8
indent_style = tab # 缩进风格(tab | space)
indent_size = 4 # 缩进大小
end_of_line = lf # 控制换行类型(lf | cr | crlf)
trim_trailing_whitespace = true # 去除行首的任意空白字符
insert_final_newline = true # 始终在文件末尾插入一个新行
[*.{js,ts,jsx,tsx}]
ij_javascript_spaces_within_imports = true
ij_javascript_spaces_within_object_literal_braces = true
ij_javascript_object_literal_wrap = off
ij_typescript_spaces_within_imports = true
ij_typescript_spaces_within_object_literal_braces = true
ij_typescript_spaces_within_object_type_braces = true
ij_typescript_object_literal_wrap = off
[*.json]
indent_size = 4
这段代码看起来像是 JetBrains 系列 IDE(如 IntelliJ IDEA、WebStorm 等)中的代码风格设置(Code Style Settings),用于配置 JavaScript 和 TypeScript 代码格式化的行为。
每一行都在设置一种具体的格式化规则。
-
ij_javascript_spaces_within_imports = true
这个设置表示在 JavaScript 代码的 import 语句中开启空格插入模式。当设置为true
时,IDE 将在 import 关键字与花括号{}
之间、逗号,
两边插入空格,例如:import { Component, useState } from 'react';
-
ij_javascript_spaces_within_object_literal_braces = true
这个设置表示在 JavaScript 对象字面量的大括号内开启空格插入。当设置为true
时,IDE 将在对象的键与冒号:
之间、冒号与值之间、大括号{}
内部两侧插入空格,例如:const obj = { key: 'value' };
-
ij_javascript_object_literal_wrap = off
这个设置表示关闭 JavaScript 对象字面量换行模式。当设置为off
时,IDE 不会自动在对象的属性间插入换行,除非达到行长度限制或其他相关的换行规则。 -
ij_typescript_spaces_within_imports = true
类似于 JavaScript,这个设置也会在 TypeScript 代码的 import 语句中开启空格插入。 -
ij_typescript_spaces_within_object_literal_braces = true
同样在 TypeScript 对象字面量中开启空格插入。 -
ij_typescript_spaces_within_object_type_braces = true
这个设置特别针对 TypeScript 类型定义中的对象类型,同样会在大括号内插入空格,例如:interface Example { property: string; }
-
ij_typescript_object_literal_wrap = off
同样关闭 TypeScript 对象字面量的自动换行。
这些设置有助于统一团队的代码风格,确保代码格式的一致性和易读性。
在 JetBrains IDE 中,这些设置通常可以在 Settings/Preferences
-> Editor
-> Code Style
-> JavaScript
或 TypeScript
下找到并配置。