expected indentation of 0 spaces but found 2 . vue eslint規則和idea衝突
阿新 • • 發佈:2018-12-22
使用vue建立工程時,在vue頁面裡,用到script時,idea預設會縮排兩個空格,而eslint校驗時期望,script下的首行不要縮排。
因此會提示如下報錯:
expected indentation of 0 spaces but found 2 .
解決辦法:
1、不校驗縮排,在rule裡增加如下規則:
'rules': {
'indent': 'off'
}
2、修改IDEA或webstorm配置,File => Setting => Editor => Code Style => HTML
,找到 add Do not indent children of
script
標籤就完美解決縮排問題。
3、直接關閉eslint
在vue專案中找到build資料夾 --> webpack.base.conf.js --> module
module: { rules: [ // 把 eslint 關閉 // ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] },
然後 npm run dev