小编点评

**.editorconfig 文件内容：** ```json { "root": true, "indent_style": "space", "indent_size": 4, "end_of_line": "lf", "charset": "utf-8", "insert_final_newline": true, "curly_bracket_next_line": false, "tab_indent": 2, "quote_type": "single" } ``` **解释：** * `root = true`：指定配置文件的根目录。 * `indent_style = space`：设置缩进格式为空格。 * `indent_size = 4`：设置缩进空格数量为 4 个空格。 * `end_of_line = "lf"`：设置换行符为 Line Feed (LF)。 * `charset = "utf-8"`：设置文件编码为 UTF-8。 * `insert_final_newline = true`：设置文件末尾添加一个空行。 * `curly_bracket_next_line = false`：禁用对 {} 之类的代码块的自动换行。 * `tab_indent = 2`：设置缩进 tab 键的长度为 2 个空格。 * `quote_type = "single"`：设置字符串使用单引号。

正文

自用 vscode 插件

1. EditorConfig for VS Code

editorconfig 用来定义编辑器的编码格式规范，编辑器的行为会与 .editorconfig 文件中定义的一致，并且其优先级比编辑器自身的设置要高。
简单说明：在项目根目录下创建 .editorconfi 文件，然后设置好内容，则其他人更新后同步到本地，你们的代码规范就会保持一致。
我的 .editorconfi 文件内容：

root = true                         # 根目录的配置文件，编辑器会由当前目录向上查找，如果找到`roor = true` 的文件，则不再查找

[*]
indent_style = space                # 空格缩进,可选"space"、"tab"
indent_size = 4                     # 缩进空格为4个
end_of_line = lf                    # 结尾换行符，可选"lf"、"cr"、"crlf"
charset = utf-8                     # 文件编码是 utf-8
trim_trailing_whitespace = true     # 不保留行末的空格
insert_final_newline = true         # 文件末尾添加一个空行
curly_bracket_next_line = false     # 大括号不另起一行
spaces_around_operators = true      # 运算符两遍都有空格
indent_brace_style = 1tbs           # 条件语句格式是 1tbs

[*.js]                              # 对所有的 js 文件生效
quote_type = single                 # 字符串使用单引号

[*.{html,less,css,json}]            # 对所有 html, less, css, json 文件生效
quote_type = double                 # 字符串使用双引号

[package.json]                      # 对 package.json 生效
indent_size = 2                     # 使用2个空格缩进

2. 图标预览插件 Iconify IntelliSense

代码里的图标在写下的瞬间，就能直接转化为对应的图标在代码编辑器里面显示出来。