eslint是一个JavaScript的静态代码质量检测lint工具。prettier 主要是为了格式化代码,而在没有 prettier 之前,是用 `eslint —fix`和 编辑器自带代码格式来进行代码格式化的。
缺点:每种编辑器会有不一样的代码格式,而且配置会比较麻烦。
```sh
npm install eslint babel-eslint eslint-config-alloy
// 这个是为了 eslint 跟 prettier 可以联合使用
// npm install eslint-plugin-prettier
// 这个是为了让 eslint 跟 prettier 兼容,关闭 prettier 跟 eslint 冲突的rules
// npm install eslint-config-prettier
```
采用的是腾讯alloy团队的配置。
新建`.eslintrc.js`文件:
~~~
module.exports = {
extends: [
'eslint-config-alloy',
],
globals: {
// 这里填入你的项目需要的全局变量
// 这里值为 false 表示这个全局变量不允许被重新赋值,比如:
//
// jQuery: false,
// $: false
},
rules: {
// 这里填入你的项目需要的个性化配置,比如:
//
// // 一个缩进必须用两个空格替代
// 'indent': [
// 'error',
// 2,
// {
// SwitchCase: 1,
// flatTernaryExpressions: true
// }
// ]
}
};
~~~
在vscode中,设置prettier:
![](https://box.kancloud.cn/ad0e47792b91581dbeac59987673aee6_1576x162.png)
之后format即可,如写的
[https://github.com/AlloyTeam/eslint-config-alloy](https://github.com/AlloyTeam/eslint-config-alloy)