vue3下eslint配置方式
更新时间:2024年01月02日 09:06:21 作者:洋哥登陆
这篇文章主要介绍了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 // 取消组件名称校验
}
}
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue.js引用背景图background无效的3种解决方案
这篇文章主要介绍了vue.js引用背景图background无效的3种解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-08-08
vue3利用v-model实现父子组件之间数据同步的代码详解
在Vue 3中,v-model这一指令也得到了升级,使得父子组件之间的数据同步变得更加容易和灵活,本文将探讨一下Vue 3中如何利用v-model来实现父子组件之间的数据同步,需要的朋友可以参考下2024-03-03
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
这篇文章主要介绍了Vue-cli中的静态资源管理(src/assets和static/的区别,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-06-06


最新评论