团队代码风格统一方案

1
// https://www.prettier.cn/docs/install.html
2
module.exports = {
3
 // 一行最多多少个字符
4
 printWidth: 150,
5
 // 指定每个缩进级别的空格数
6
 tabWidth: 2,
7
 // 使用制表符而不是空格缩进行
8
 useTabs: true,
9
 // 在语句末尾打印分号
10
 semi: true,
11
 // 使用单引号而不是双引号
12
 // 在对象文字中的括号之间打印空格
13
 bracketSpacing: true,
14
 // jsx 标签的反尖括号需要换行
15
 jsxBracketSameLine: false,
16
 // 在单独的箭头函数参数周围包括括号 always：(x) => x \ avoid：x => x
17
 arrowParens: 'always',
18
 // 这两个选项可用于格式化以给定字符偏移量（分别包括和不包括）开始和结束的代码
19
 rangeStart: 0,
20
 rangeEnd: Infinity,
21
 // 指定要使用的解析器，不需要写文件开头的 @prettier
22
 requirePragma: false,
23
 // 不需要自动在文件开头插入 @prettier
24
 insertPragma: false,
25
 // 使用默认的折行标准 always\never\preserve
26
 proseWrap: 'preserve',
27
 // 指定HTML文件的全局空格敏感度 css\strict\ignore
28
 htmlWhitespaceSensitivity: 'css',
29
 singleQuote: true,
30
 // 更改引用对象属性的时间 可选值"<as-needed|consistent|preserve>"
31
 quoteProps: 'as-needed',
32
 // 在JSX中使用单引号而不是双引号
33
 jsxSingleQuote: false,
34
 // 多行时尽可能打印尾随逗号。（例如，单行数组永远不会出现逗号结尾。） 可选值"<none|es5|all>"，默认none
35
 trailingComma: 'none',
36
 // Vue文件脚本和样式标签缩进
37
 vueIndentScriptAndStyle: false,
38
 // 换行符使用 lf 结尾是 可选值"<auto|lf|crlf|cr>"
39
 endOfLine: 'lf'
40
};

1
# Editor configuration, see http://editorconfig.org
2

3
# 表示是最顶层的 EditorConfig 配置文件
4
root = true
5

6
[*] # 表示所有文件适用
7
charset = utf-8 # 设置文件字符集为 utf-8
8
indent_style = space # 缩进风格（tab | space）
9
indent_size = 2 # 缩进大小
10
end_of_line = lf # 控制换行类型(lf | cr | crlf)
11
trim_trailing_whitespace = true # 去除行首的任意空白字符
12
insert_final_newline = true # 始终在文件末尾插入一个新行
13

14
[*.md] # 表示仅 md 文件适用以下规则
15
max_line_length = off
16
trim_trailing_whitespace = false