0.1.2 • Published 2 years ago
@dushenyan/eslint-config v0.1.2
eslint-config
Antzy ESLint config presets
- Supports
vuetsjs
Install
pnpm add eslint -D
pnpm add @dushenyan/eslint-config -DConfig eslintrc.js
{
"extends":"@dushenyan"
}Used Rules
The following configuration has been used and will be fixed automatically
Base Config
| used rules | explain |
|---|---|
| arrow-parens | 箭头函数去掉不必要的括号 |
| sort-imports | import 单行从大到小排序 |
| no-useless-return | 关闭不允许多余的return |
| no-multiple-empty-lines | 不允许多个空行 |
| array-bracket-newline | 数组括号前后 >= 3个换行 |
| array-element-newline | 数组括号内的元素 >= 3个换行 |
| function-paren-newline | 函数括号内参数有一个换行就换行 |
| newline-per-chained-call | 方法链 >= 3个换行 |
| object-curly-newline | import 解构 超过6个换行 |
| object-property-newline | 花括号属性强制换行，默认一个参数不换行 |
| no-extra-label | 禁用不必要的标签 |
| object-property-newline | 花括号属性强制换行，默认一个参数不换行 |
| decimal | 禁止浮点小数 |
| switch-colon-spacing | switch 的冒号左右有空格 |
| implicit-arrow-linebreak | 箭头函数体后面不能换行 |
| multiline-comment-style | 对多行注释格式化 |
| operator-assignment | 简化赋值操作 |
| template-tag-spacing | 函数调用模板字符串后面不能有空格 |
| object-shorthand | 对象字面量中方法和属性使用简写语法 |
| prefer-arrow-callback | 回调使用箭头函数 |
| prefer-template | 使用字符串模板连接 |
| yield-star-spacing | yield* 周围空格 |
Typescript Config
| used rules | explain |
|---|---|
| no-non-null-assertion | 去掉禁止使用!后缀运算符 |
| array-type | 使用数组 T[] |
| sort-type-union-intersection-members | （｜ or &） 排序 |
| space-infix-ops | 中缀运算符周围需要间距 |
| semi | 禁止不必要的分号 |
| comma-dangle | 要求或不允许尾随逗号 |
| type-annotation-spacing | 类型注释间距 |
| consistent-generic-constructors | 如果使用构造函数 泛型就要这样写 new Map<string,number>() |
| consistent-indexed-object-style | 强制使用 Record |
| member-delimiter-style | interface type 不要分号和逗号 |
| method-signature-style | 函数声明 func: (arg: string) => number |
| space-before-blocks | interface 后面加空格 |
| consistent-type-imports | 使用引用类型时自动加上 type |
| consistent-type-definitions | 对象类型使用interface |
Vue Config
| used rules | explain |
|---|---|
| require-default-prop | （off） 关闭强制props有默认值 |
| no-setup-props-destructure | （off）setup可以解构 |
| multi-word-component-names | （off） 组价名可以简短 |
| html-indent | template 缩进两列 |
| script-indent | script 缩进两列 |
| max-attributes-per-line | 属性超过3个自动换行，换行后 同一行不能超过1个 |
| html-closing-bracket-newline | 标签右箭头换行 |
| html-closing-bracket-spacing | 禁止右箭头有空格 |
| html-self-closing | 自闭合标签 |
| mustache-interpolation-spacing | {{ 这里有空格 }} |
| no-multi-spaces | 不允许多个空格 |
| no-spaces-around-equal-signs-in-attribute | 属性周围不允许等号有空格 |
| component-tags-order | vue格式'script','template' |
| define-macros-order | 强制 defineProps defineEmits的顺序 |
| static-class-names-order | class名排序 |