Vue中使用eslint常用規(guī)則

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    "plugin:vue/recommended",
    "plugin:vue/vue3-recommended",
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "@vue/typescript/recommended",
  ],
  parserOptions: {
    ecmaVersion: 2020
  },
  rules: {
    'prettier/prettier': 0,
    "@typescript-eslint/no-explicit-any": 0,
    "vue/attributes-order": 2,
    "vue/max-attributes-per-line": [2, { // 強制標(biāo)簽每行最大屬性數(shù)
      "singleline": 10,
      "multiline": {
        "max": 1,
        "allowFirstLine": false
      }
    }],
    "vue/html-self-closing": [2, { // 強制使用閉合標(biāo)簽
      "html": {
        "void": "any",
        "normal": "any",
        "component": "any"
      },
      "svg": "any",
      "math": "any"
    }],
    "vue/singleline-html-element-content-newline": 0, //單行元素?fù)Q行符
    "vue/multiline-html-element-content-newline": 0, //多行元素?fù)Q行符
    "vue/name-property-casing": [2, "PascalCase"], // vue組件name強制使用駝峰命名
    "vue/html-closing-bracket-newline": 0, // 可以在便簽右便簽使用換行符
    "vue/no-side-effects-in-computed-properties": 0, // 允許計算屬性中出現(xiàn)副作用
    "vue/no-use-v-if-with-v-for": 0, // 允許v-for 和 v-if 作用在同一元素上
    'accessor-pairs': 2, // 強制 getter 和 setter 在對象中成對出現(xiàn)
    'arrow-spacing': [2, {
      'before': true,
      'after': true
    }], // 強制箭頭函數(shù)的箭頭前后使用一致的空格
    'block-spacing': [2, 'always'], // 禁止或強制在代碼塊中開括號前和閉括號后有空格 (要求使用一個或多個空格)
    'brace-style': [2, '1tbs', {
      'allowSingleLine': true
    }], // if while function 后面的{必須與if在同一行,java風(fēng)格顽铸。
    'camelcase': [2, {
      'properties': 'always'
    }], //強制駝峰法命名
    'comma-spacing': [2, {
      'before': false,
      'after': true
    }], // 控制逗號前后的空格
    'comma-style': [2, 'last'], // 控制逗號在行尾出現(xiàn)還是在行首出現(xiàn)
    'dot-location': [2, 'property'],
    'eol-last': 2, // 文件末尾強制換行
    'eqeqeq': [2, 'allow-null'], // 使用 === 替代 ==
    'indent': [2, 2, {
      'SwitchCase': 1
    }], //縮進(jìn)風(fēng)格
    // JSX 屬性中一致使用雙引號或單引號
    'jsx-quotes': [2, 'prefer-single'],
    //對象字面量中冒號的前后空格
    'key-spacing': [2, {
      'beforeColon': false,
      'afterColon': true
    }],
    'keyword-spacing': [2, {
      'before': true,
      'after': true
    }], // 強制在關(guān)鍵字前后使用一致的空格
    //函數(shù)名首行大寫必須使用new方式調(diào)用料皇,首行小寫必須用不帶new方式調(diào)用
    'new-cap': [2, {
      'newIsCap': true,
      'capIsNew': false
    }],
    'new-parens': 2, //new時必須加小括號
    'no-array-constructor': 2, //禁止使用數(shù)組構(gòu)造器
    'no-caller': 2, //禁止使用arguments.caller或arguments.callee
    'no-console': 0, //可以使用console
    'no-debugger': 0, //禁止使用debugger
    'no-empty-character-class': 0, //正則表達(dá)式中的[]內(nèi)容不能為空
    'no-empty-pattern': 0,
    'no-eval': 0, //禁止使用eval
    'no-extend-native': 2, //禁止擴展native對象
    'no-extra-bind': 2, //禁止不必要的函數(shù)綁定
    'no-extra-parens': [2, 'functions'], //禁止非必要的括號
    'no-floating-decimal': 2, //禁止省略浮點數(shù)中的0 .5 3.
    'no-implied-eval': 2, //禁止使用隱式eval
    'no-label-var': 2, //label名不能與var聲明的變量名相同
    'no-lone-blocks': 2, //禁止不必要的嵌套塊
    'no-multi-spaces': 2, //不能用多余的空格
    'no-multi-str': 2, // 禁止使用多行字符串
    'no-multiple-empty-lines': [2, {
      'max': 2
    }], //空行最多不能超過2行
    'no-new-object': 2, //禁止使用new Object()
    'no-new-require': 2, //禁止使用new require
    'no-new-wrappers': 2, // 禁止對 String践剂,Number 和 Boolean 使用 new 操作符
    'no-obj-calls': 0, //不能調(diào)用內(nèi)置的全局對象,比如Math() JSON()
    'no-return-assign': [2, 'except-parens'], //return 語句中不能有賦值表達(dá)式
    'no-sequences': 2, //禁止使用逗號運算符
    'no-spaced-func': 2, //函數(shù)調(diào)用時 函數(shù)名與()之間不能有空格
    'no-sparse-arrays': 0, //禁止稀疏數(shù)組逊脯, [1,,2]
    'no-trailing-spaces': 2, //一行結(jié)束后面不要有空格
    'no-unexpected-multiline': 0, //避免多行表達(dá)式
    'no-unmodified-loop-condition': 0, //檢查引用是否在循環(huán)中被修改
    'no-unneeded-ternary': 2, //禁止不必要的三元表達(dá)式 var isYes = answer === 1 ? true : false;
    'no-unsafe-finally': 0, // 禁止在 finally 語句塊中出現(xiàn)控制流語句
    'no-useless-call': 2, //禁止不必要的call和apply
    'no-useless-computed-key': 0, // 禁止在對象中使用不必要的計算屬性
    'no-useless-constructor': 2, //可以在不改變類的工作方式的情況下安全地移除的類構(gòu)造函數(shù)
    'no-whitespace-before-property': 0,
    'one-var': 0, //禁止連續(xù)聲明
    'operator-linebreak': [2, 'after', {
      'overrides': {
        '?': 'before',
        ':': 'before'
      }
    }], //換行時運算符在行尾還是行首
    'padded-blocks': 0, //塊語句內(nèi)行首行尾是否要空行
    'quotes': [2, 'single', {
      'avoidEscape': true,
      'allowTemplateLiterals': true
    }], // 強制使用一致的反勾號军洼、雙引號或單引號
    'semi': [2, 'never'], //語句強制分號結(jié)尾
    'semi-spacing': [2, {
      'before': false,
      'after': true
    }], //分號前后空格
    'space-before-blocks': [2, 'always'], //不以新行開始的塊{前面要不要有空格
    'space-before-function-paren': [2, 'never'], //函數(shù)定義時括號前面要不要有空格
    'space-in-parens': [2, 'never'], //小括號里面要不要有空格
    'space-infix-ops': 2, //中綴操作符周圍要不要有空格
    'space-unary-ops': [2, {
      'words': true,
      'nonwords': false
    }], //一元運算符的前/后要不要加空格
    'spaced-comment': [2, 'always'], // 強制在注釋中 // 或 /* 使用一致的空格
    'template-curly-spacing': [2, 'never'], // 要求或禁止模板字符串中的嵌入表達(dá)式周圍空格的使用
    'yoda': [2, 'never'], //禁止尤達(dá)條件
    'prefer-const': 2, // 要求使用 const 聲明那些聲明后不再被修改的變量
    'object-curly-spacing': [2, 'always', {
      objectsInObjects: false
    }], //大括號內(nèi)是否允許不必要的空格
    'array-bracket-spacing': [2, 'never'] //是否允許非空數(shù)組里面有多余的空格
  }
};


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市牺六,隨后出現(xiàn)的幾起案子汗捡,更是在濱河造成了極大的恐慌淑际,老刑警劉巖扇住,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異锄贼,居然都是意外死亡女阀,警方通過查閱死者的電腦和手機宅荤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門浸策,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人惫确,你說我怎么就攤上這事「幕” “怎么了?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵陈肛,是天一觀的道長。 經(jīng)常有香客問我蜈亩,道長懦窘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任港华,我火速辦了婚禮午衰,結(jié)果婚禮上立宜,老公的妹妹穿的比我還像新娘臊岸。我一直安慰自己,他們只是感情好帅戒,可當(dāng)我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著钟哥,像睡著了一般瞎访。 火紅的嫁衣襯著肌膚如雪腻贰。 梳的紋絲不亂的頭發(fā)上扒秸,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天,我揣著相機與錄音写烤,去河邊找鬼。 笑死顶霞,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的选浑。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼古徒,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了代态?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤蹦疑,失蹤者是張志新(化名)和其女友劉穎萨驶,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體腔呜,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年膝但,在試婚紗的時候發(fā)現(xiàn)自己被綠了谤草。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片跟束。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡咖刃,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出嚎杨,到底是詐尸還是另有隱情,我是刑警寧澤刨肃,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布箩帚,位于F島的核電站真友,受9級特大地震影響紧帕,放射性物質(zhì)發(fā)生泄漏桅打。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一挺尾、第九天 我趴在偏房一處隱蔽的房頂上張望站绪。 院中可真熱鬧遭铺,春花似錦恢准、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽眯漩。三九已至麻顶,卻和暖如春赦抖,著一層夾襖步出監(jiān)牢的瞬間辅肾,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工矫钓, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人新娜。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像还惠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蚕键,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,465評論 2 348