vscode的格式化配置

校验和格式化谁

• 所有文件
• 依据正则指定的文件
• 特定后缀名
• 特定目录下的文件

谁来格式化

插件来格式化内容。

常见插件

• editorconfig
• eslint
• vetur
• prettier

格式化规则

• 首先不同的文件对应不同的格式化内容
• 其次不同的插件提供不同的格式化功能
• 再者插件之间的格式化功能会覆盖冲突
• 最后格式化规则会和校验规则发生冲突

参考规则配置（editorconfig）：

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

[*]                                 # 匹配所有的文件
indent_style = space                # 空格缩进
indent_size = 4                     # 缩进空格为4个
end_of_line = lf                    # 文件换行符是 linux 的 `\n`
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个空格缩进

格式化时机

• 用户手动格式化
• 定时格式化
• 保存时格式化

配置步骤

1. 安装插件
   EditorConfig for VS Code
   ESLint
   Vetur

2. 编写配置文件
   .editorconfig
   .eslintrc.js

3. 编辑器配置