美文网首页
能让代码风格变好看的几个ESLint规则

能让代码风格变好看的几个ESLint规则

作者: WebDog369 | 来源:发表于2022-02-23 15:20 被阅读0次

有分号的代码看起来不够干净整洁,无严格缩进和空格的代码可读性较差,所以配置以下几个规则能让你的代码看起来很干净规整!

配置方法: 在项目中.eslintrc.js的文件中加入以下规则:

rules: {
    'semi':['error','never'], // 禁止使用分号
    'indent': [2, 4], // 强制缩进,
    "comma-spacing":['error', { "before": false, "after": true }],//逗号前后的空格
    "quotes": [1, "single"],// 引号类型 `` "" ''
    "spaced-comment": 1,// 注释后面加一个空格
    "key-spacing": [1, { "beforeColon": false, "afterColon": true }],// 对象字面量中冒号的前后空格,
    "no-multi-spaces": 'error', // 禁止在逻辑表达式,条件表达式,声明,数组元素,对象属性,序列和函数参数周围使用多个空格。,
    "space-before-blocks": 'error' // 块级花括号前需要空格
}

相关文章

网友评论

      本文标题:能让代码风格变好看的几个ESLint规则

      本文链接:https://www.haomeiwen.com/subject/jlvolrtx.html