12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- // eslint.config.js
- import antfu from '@antfu/eslint-config'
- export default antfu({
- unocss: true,
- stylistic: {
- indent: 2, // 4, or 'tab'
- quotes: 'single', // or 'double'
- },
- // 使用外部格式化程序来格式化 ESLint 无法处理的文件( .css 、 .html 等)
- formatters: {
- css: true,
- html: true,
- markdown: 'prettier',
- },
- // https://alloyteam.github.io/eslint-config-alloy/?language=zh-CN&rule=base
- // https://eslint.vuejs.org/rules/
- rules: {
- 'no-console': 'off',
- // 强制组件顶级元素的顺序
- 'vue/block-order': [
- 'error',
- {
- order: ['template', 'script', 'style'],
- },
- ],
- 'max-params': ['error', 4],
- // 代码块嵌套的深度禁止超过 4 层
- 'max-depth': ['error', 4],
- // 回调函数嵌套禁止超过 3 层,多了请用 async await 替代
- 'max-nested-callbacks': ['error', 4],
- // 禁止使用 Array 构造函数时传入的参数超过一个
- // 参数为多个时表示创建一个指定内容的数组,此时可以用数组字面量实现,不必使用构造函数
- 'no-array-constructor': 'error',
- // 禁止 if else 的条件判断中出现重复的条件
- 'no-dupe-else-if': 'error',
- // 禁止出现空代码块,允许 catch 为空代码块
- 'no-empty': [
- 'error',
- {
- allowEmptyCatch: true,
- },
- ],
- // 禁止出现没必要的字符串连接
- 'no-useless-concat': 'error',
- // 禁止使用 var
- 'no-var': 'error',
- // 禁止变量申明时用逗号一次申明多个
- 'one-var': ['error', 'never'],
- // 必须使用 ... 而不是 Object.assign,除非 Object.assign 的第一个参数是一个变量
- 'prefer-object-spread': 'error',
- // 回调函数必须使用箭头函数
- 'prefer-arrow-callback': 'error',
- // "stroustrup":强制一致的大括号风格,左括号必须与控制语句在同一行开始,右括号必须独占一行。
- 'brace-style': ['error', 'stroustrup'],
- // 强制使用 node 全局变量 process 而不是 require("process") 。
- 'node/prefer-global/process': 'off',
- // 对所有控制语句强制执行一致的大括号样式,(只有一行的时候eslint默认是不需要大括号的,这样会降低代码清晰度)
- 'curly': ['error', 'all'],
- },
- })
|