【vue3】 eslint校验关闭未使用变量、组件、单个单词校验

"vue/no-unused-components"用于标记或报告定义一个组件但是在模板或者其他组件中没有使用它,那么ESLint可能会报出一个错误或者警告。
"no-unused-vars" 规则是ESLint的一部分,它用于标记和报告在代码中定义但未使用的变量。在Vue3项目中,这个规则可能会误报某些模板中使用的数据或方法。
"vue/multi-word-component-names" 要求组件的名称必须是多单词的,并且要使用kebab-case格式。这是为了保持一致性和简洁性,因为在 Vue 3 中,单单字符的名称已经不被推荐使用,以便更好地区分组件和普通的HTML元素。

vueconfig中配置eslint:
bash 复制代码
"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
    "rules": {
      "no-unused-vars": "off",
      "vue/no-unused-components": "off",
      "vue/multi-word-component-names": "off"
    }
  },
相关推荐
李游Leo几秒前
JavaScript事件机制与性能优化:防抖 / 节流 / 事件委托 / Passive Event Listeners 全解析
开发语言·javascript·性能优化
复苏季风几秒前
Vue3 小白的疑惑:为什么用 const 定义的变量还能改?
前端·javascript·vue.js
扉川川2 分钟前
File和Blob对象的区别
javascript
Mintopia3 分钟前
在 Next.js 中接入 Google Analytics 与 PostHog —— 一场“数据偷窥”的艺术演出
前端·javascript·next.js
遂心_3 分钟前
React useState:20分钟彻底掌握这个让你"状态满满"的Hook
前端·javascript·react.js
月亮慢慢圆4 分钟前
Web Animation API
前端
Mintopia5 分钟前
AIGC驱动的Web界面设计:技术逻辑与用户体验平衡
前端·javascript·aigc
盏茶作酒298 分钟前
浅拷贝和深拷贝
前端·javascript
在掘金801108 分钟前
pm2 程序 windows开机启动管理设置
前端
徐_三岁8 分钟前
深入理解 svh、lvh、dvh—— 移动端视口高度解决方案
前端·css