1. 程式人生 > >徹底解決eslint與webstorm針對vue的script標籤縮排處理方式衝突問題

徹底解決eslint與webstorm針對vue的script標籤縮排處理方式衝突問題

背景不多介紹了,直接上程式碼。

開啟專案根上下的.eslintrc.js,將rules節點中新增以下配置項。

rules: {
  'vue/script-indent': ['error', 2, {'baseIndent': 1}]
}

其中第1個2是指統一縮排2個空格,第2個1是指1倍縮排。

另外需要新增以下節點,與rules同級:

overrides: [
  {
    'files': ['*.vue'],
    'rules': {
      'indent': 'off'
    }
  }
]

注:這裡是針對eslint的4.15.0版本。