vue3下eslint配置方式
作者:洋哥登陆
这篇文章主要介绍了vue3下eslint配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue3下eslint配置
- 取消组件名称校验;
- 强制使用单引号;
- 强制不使用分号结尾
package.json配置
"devDependencies": { "eslint": "^6.7.2", "eslint-plugin-html": "^6.1.2", "eslint-plugin-import": "^2.20.2", "eslint-plugin-node": "^11.1.0", "eslint-plugin-promise": "^4.2.1", "eslint-plugin-standard": "^4.0.0", "eslint-plugin-vue": "^7.0.0", "babel-eslint": "^10.1.0", "@vue/eslint-config-standard": "^5.1.2", "@vue/cli-plugin-eslint": "~4.5.0" }
.eslintrc.js配置(若未生成可手动创建)
module.exports = { root: true, env: { node: true }, extends: ['plugin:vue/vue3-essential', '@vue/standard'], parserOptions: { parser: 'babel-eslint' }, rules: { 'arrow-parens': 0, 'generator-star-spacing': 0, 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', //强制不使用分号结尾 semi: [ 'error', 'never' ], //强制使用单引号 quotes: ['error', 'single'], indent: [ 'error', 4 ], 'space-before-function-paren': 0, 'eol-last': 0, 'no-useless-escape': 'off', 'max-len': [ 2, 200, 4, { ignoreUrls: true } ], 'prefer-const': [ 'error', { destructuring: 'all', ignoreReadBeforeAssign: false } ], 'guard-for-in': 'error', 'vue/multi-word-component-names': 0 // 取消组件名称校验 } }
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。