Vue3 eslint 编译器宏和 defineProps，defineEmits，no-undef 规则警告

最新推荐文章于 2024-12-09 11:27:50 发布

原创最新推荐文章于 2024-12-09 11:27:50 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #typescript #javascript

eslint 专栏收录该内容

3 篇文章

订阅专栏

这个博客主要介绍了如何在`.eslintrc.js`文件中定义全局变量，如`defineProps`, `defineEmits`, `defineExpose`和`withDefaults`，并设置为只读。同时，配置了环境为浏览器和ES2021，采用了`vue3-strongly-recommended`和`standard`的规则延伸，并解析`@typescript-eslint/parser`。此外，还特别针对`src/api`目录下的 TypeScript 文件禁用了`camelcase`规则。

.eslintrc.js修改

定义全局globals

module.exports = {
  globals: {
    defineProps: 'readonly',
    defineEmits: 'readonly',
    defineExpose: 'readonly',
    withDefaults: 'readonly'
  },
  env: {
    browser: true,
    es2021: true
  },
  extends: ['plugin:vue/vue3-strongly-recommended', 'standard'],
  parserOptions: {
    ecmaVersion: 12,
    parser: '@typescript-eslint/parser',
    sourceType: 'module'
  },
  plugins: ['vue', '@typescript-eslint'],
  rules: {
    'vue/no-mutating-props': 'off'
  },
  overrides: [
    {
      files: ['src/api/**/*.ts'],
      rules: {
        camelcase: 'off'
      }
    }
  ]
}