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:

之后format即可,如寫的
[https://github.com/AlloyTeam/eslint-config-alloy](https://github.com/AlloyTeam/eslint-config-alloy)