目标风格
- 文件使用
utf-8
编码; - 缩进优先使用2空格(space);
- 使用
lf
作为换行符; - 行尾不留空格;
- 文件尾空一行;
- 保存文件时自动格式化(format);
- 先使用 Prettier 格式化, 再使用 ESLint 格式化;
- 支持在 Prettier 基础之上自定义 ESLint 与 Prettier 冲突的规则;
EditorConfig 配置
相关目标:
1, 2, 3, 4, 5
见 https://github.com/isayme/editorconfig/blob/master/.editorconfig
Prettier 配置
相关目标:
2, 3, 4, 5
见 http://github.com/isayme/prettier-config 使用方法: 在 Prettier 的配置文件中直接填"@isayme/prettier-config", 注意其中使用的是双引号.
ESLint 配置
相关目标:
7, 8
见: https://github.com/isayme/eslint-config ESLint 配置需要根据实际场景, 基础配置是:
extends: ['prettier']
VS Code 配置
相关目标:
6, 7, 8
// setting.json 配置
"editor.formatOnSave": false,
"editor.codeActionsOnSave": [
"source.fixAll.format",
"source.fixAll.eslint"
]
如果发现没有自动格式化, 试试加上配置:
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
]
需要安装 VS Code 插件: EditorConfig, Prettier, ESLint, Format Code Action.