vue 3.2语法糖, defineProps,defineEmits,defineExpose,withDefaults .eslintrc 报错

隔壁老洋

于 2022-04-29 10:20:54 发布

阅读量1.8k

点赞数

分类专栏：笔记文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_43453916/article/details/124490104

版权

笔记专栏收录该内容

91 篇文章

订阅专栏

本文详细介绍了在Vue.js项目中如何配置ESLint，包括启用Node环境，选择解析器，设定规则，以及针对Vue 3的特定配置，如禁用多单词组件名规则，并在生产环境中对console.log和debugger进行警告。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

module.exports = {
  root: true,
  env: {
    node: true,
    //8+的配置
    // 'vue/setup-compiler-macros': true
  },
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    // 'plugin:vue/vue3-recommended',
  ],
  parserOptions: {
    parser: '@babel/eslint-parser'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'vue/multi-word-component-names': 'off',
  },
  globals: {
    AMap: true,
    //7+的配置
    defineProps: "readonly",
    defineEmits: "readonly",
    defineExpose: "readonly",
    withDefaults: "readonly",
  }
}