精华内容
下载资源
问答
  • 配置过期 eslint-plugin-vue 规则导致 eslint 失效原因定位
    2022-03-23 10:18:32

    今天使用 Vue CLI 创建 Vue 应用,然后从之前的项目中拷贝 ESLint rules,但是 vscode 并没有识别,格式化配置中也没有 ESLint 选项。

    一般这种情况应该是 ESLint 配置有问题,可能是插件、解析器或者规则。

    一个一个注释后重载 vscode 查看效果,最终定位到 eslint-plugin-vue 下的 vue/max-attributes-per-line 规则:

    // 强制每行的最大属性数
    'vue/max-attributes-per-line': [2, {
      // 单行时可以接收最大数量
      singleline: 10,
      // 多行时可以接收最大数量
      multiline: {
        max: 1,
        // 允许属性和标记名在同一行
        allowFirstLine: false
      }
    }],
    

    该规则中使用了 allowFirstLine 来规范属性名和 tag 名是否可以在同一行,将其注释后 ESLint 可以正常工作。

    于是去官网查看,发现文档中并没有这个选项,猜测可能在某个版本删除了。

    于是对比了当前项目和拷贝 eslint 的项目的安装依赖,果然不一样:

    // 当前项目
    "eslint-plugin-vue": "^8.0.3",
    // 拷贝项目
    "eslint-plugin-vue": "^6.2.2",
    

    然后去 github 的中 发布日志 搜索,在 v8.0.0 版本的介绍中找到:

    #1587 Removed the allowFirstLine option of the vue/max-attributes-per-line rule.

    原来从这个版本开始,官方移除了 vue/max-attributes-per-line 规则的 allowFirstLine 选项,并且新增了一个 vue/first-attribute-linebreak 规则,用来指定属性和 tag 名位置的规范:官方文档

    于是使用新的规则,ESLint 正常生效:

    // 强制第一个属性的位置(属性换行)
    'vue/first-attribute-linebreak': [2, {
      // 单行时,第一属性前不允许使用换行符
      singleline: 'beside',
      // 多行时,第一属性前必须使用换行符
      multiline: 'below',
    }],
    // 强制每行的最大属性数
    'vue/max-attributes-per-line': [2, {
      // 单行时可以接收最大数量
      singleline: 10,
      // 多行时可以接收最大数量
      multiline: {
        max: 1,
      },
    }],
    

    总结

    ESLint 不生效的原因有很多:

    • 配置文件未找到
      • 工作区定位问题,也就是打开的目录可能并不是项目根目录
      • 可以修改 ESLint 插件配置 eslint.workingDirectories
    • 配置内容有问题
      • 可以通过注释定位问题
    更多相关内容
  • 1、问题场景: npm install 报错,以为是npm问题,改成cnpm install,也还是报错,根据错误信息提示,...peerDependencies WARNING eslint-plugin-vue@5.2.3 › vue-eslint-parser@^5.0.0 requires a peer of eslint@
  • eslint-plugin-prettier-vueVue SFC上更好地工作 包括所有功能。 提供prettier来处理Vue SFC的。 为Vue SFC的<template> , [removed]或<style>块禁用prettier选项。 演示版 更漂亮的自定义块: 用法 ...
  • eslint-plugin-no-vue 这是一个ESLint插件,用于禁用Vue.js。 正在安装 npm install eslint-plugin-no-vue --save-dev ESLint规则 无罪 甚至不要尝试! 样本配置文件 这是一个激活以下规则的示例ESLint配置文件: ...
  • eslint-plugin-only-warn 将错误降级为警告 安装 您首先需要安装 : $ npm i eslint --save-dev 接下来,安装eslint-plugin-only-warn : $ npm install eslint-plugin-only-warn --save-dev 注意:如果全局安装...
  • 用于vue-cli的eslint-config-typescript 有关可用规则,请参见 。 此配置是专为Vue CLI设置使用而设计的,并不供外部使用(可以使用,但可能需要在用户端进行一些修改-有关详细信息,请参阅配置文件)。 其设计...
  • @ mysticatea / eslint-plugin-vue :red_exclamation_mark: 该插件已作为3.0.0合并到官方的中。 请使用。 :red_exclamation_mark: Vue.js的实验性ESLint插件。 :optical_disk: 安装 使用 。 > npm install --...
  • eslint-plugin-vue Vue.js的官方ESLint插件:open_book:文档请参阅官方网站。 :red_exclamation_mark:注意-这是版本7.x的文档:red_exclamation_mark:Tslint-plugin-vue Vue.js的ESLint官方插件:open_book:文档请参阅...
  • vue3 添加eslint校验(eslint-plugin-vue

    千次阅读 2021-12-10 15:20:25
    vue3的eslint校验

    目录


    前言


    例如:随着 随着vue3项目的使用, 提高团队的代码规范和减少code review的时间, eslint的代码校验就越来越重要了。目前的pritter对vue3的支持度不是很理想,很多vue3的新特性还不支持,目前pritter官网上也没有给出解决方案, 所以只能自己使用eslint来配置vue3的代码校验


    一、eslint是什么?

    本文针对的是有前端开发基础的同学,所以基础概念不做赘述。

    二、使用步骤

    1.引入库 安装eslint 和 eslint-plugin-vue

    代码如下:

    npm install --save-dev eslint eslint-plugin-vue

    2.添加配置

    在项目的根目录下新增.eslintrc.js文件, 文件内容如下,可粘贴后直接使用, 重点是配置是 plugin:vue/vue3-recommended, rules中的内容是在vue3-recommended的配置基础上,额外自定义的配置, 具体的参数配置可根据自己的项目实际情况进行相关的配置, 配置官网文档为

    eslint-plugin-vue 官网文档

    module.exports = {
      extends: [
        'plugin:vue/vue3-recommended'
      ],
      rules: {
        'vue/max-attributes-per-line': ['error', {
          singleline: 5 //标签超出5个属性就会换行
        }],
        'vue/script-setup-uses-vars': 'error', // setup 语法糖校验
        'object-curly-spacing': ['error', 'always'], // 对象前后要加空格 { a: 1 }
        // 'array-bracket-spacing': ['error', 'always'], // 数组前后要加空格 [ 1, 2 ]
        'array-bracket-newline': ['error', { "minItems": 5}], // 数组超过五个值可以换行
        'arrow-spacing': "error", //箭头函数前后加空格 () => {}
        // 'vue/no-unsupported-features': ['error', { // 校验不支持的特性
        //   'version': "^3.0.0",
        //   'ignores': [],
        // }]
        'vue/block-tag-newline': ['error', { //  标签直接的换行规范
          "singleline": "always",
          "multiline": "always",
          "maxEmptyLines": 0,
          "blocks": {
            "script": {
              "singleline": "always",
              "multiline": "always",
              "maxEmptyLines": 0,
            },
            "template": {
              "singleline": "always",
              "multiline": "always",
              "maxEmptyLines": 0,
            },
            "my-block": {
              "singleline": "always",
              "multiline": "always",
              "maxEmptyLines": 0,
            }
          }
        }],
        // 'vue/no-unused-properties': ['error', { // 未使用的props, 数据, 和方法
        //   "groups": ['props', 'data', 'methods']
        // }],
      }
    }

    3.添加自动化代码修复

    在package.json的script中添加

    "lint-fix": "eslint --fix --ext .js --ext .vue src/"

    运行npm run lint-fix 就可以进行代码的自动化修复了,注意:有些代码之后修复可能会影响代码的功能的风险, 这种代码修复不会自动化修复,会给出相关的提示

    4.在vue.config.js中设置

    在vue.config.js的module.exports中设置

    lintOnSave: true,

    总结

    上文中提供的相关eslint校验配置只能支持大部分的代码校验,还达不到prettier对于vue2的校验力度, 需要更多的校验配置可以参考官网的api。

    展开全文
  • eslint-plugin-vue关闭

    2022-03-08 00:09:59
    在使用vue-cli命令‘vue init webpack 项目名称’创建项目的过程中,如果无意选择了ESLint语法检测,会在项目目录中出现如下的ESLint配置文件,一写就爆红很烦,下面是解决办法 在vscode上按照下图的步骤就可以解决...

    eslint-plugin-vue关闭



    前言

    在写代码的时候总是爆红,报一些无关紧要的错误很烦,下面是关闭eslint-plugin-vue 的方法


    在vscode上按照下图的步骤就可以解决

    在这里插入图片描述


    总结

    以上就是今天要讲的内容,本文介绍 如何去关闭 eslint-plugin-vue的方法,希望对大家有所帮助!!

    展开全文
  • eslint-plugin-vue-classifier-js eslint插件,提供处理器以从Vue SFC文件中提取脚本类型。 这使您可以基于lang属性(例如[removed] )将不同的掉毛规则应用于SFC的[removed]部分。 安装 npm install @outcome-co/...
  • @ cleartax / eslint-config .(js|ts|jsx|tsx|json|md) ClearTax Eslint配置 安装 npm i @cleartax/eslint-config -D 要么 yarn add @cleartax/eslint-config -D 安装peerDependencies和插件 npx install-...
  • @vue/eslint-config-standard 用于 Vue CLI 的 eslint-config-standard 此配置专为 Vue CLI 设置... 其设计的一部分是此配置可能隐式依赖于 Vue CLI 设置的其他部分,例如eslint-plugin-vue在相同的结果配置中扩展。
  • @ rbnlffl / rollup-plugin-eslint 使用包。 :honeybee: 很好地将最新版本到插件中。 如何 yarn add @rbnlffl/rollup-plugin-eslint --dev import eslint from '@rbnlffl/rollup-plugin-eslint' ; export default...
  • eslint-plugin-vue 的使用

    2022-04-17 01:21:58
    通过vue-cli(推荐): vue add @vue/cli-plugin-eslint 通过npm安装 : npm install --save-dev eslint eslint-plugin-vue 通过yarn安装: yarn add -D eslint eslint-plugin-vue 环境要求: ESLint v6.2.0 及...

    💿 安装
    通过vue-cli(推荐):

    vue add @vue/cli-plugin-eslint

    通过npm安装 :

    npm install --save-dev eslint eslint-plugin-vue
    

    通过yarn安装:

    yarn add -D eslint eslint-plugin-vue
    

    环境要求:
    ESLint v6.2.0 及以上
    Node.js v12.22.x、v14.17.x、v16.x 及以上

    📖用法

    配置

    在项目根目录创建.eslintrc.js
    示例.eslintrc.js:

    module.exports = {
      root: true,
      env: {
        node: true
      },
    
      extends: [
        'plugin:vue/strongly-recommended',
        '@vue/standard',
        '@vue/typescript/recommended'
      ],
    
      parserOptions: {
        ecmaVersion: 2020
      },
    
      rules: {
        'no-console': 'off', // 是否禁止使用 console.log()
        'no-debugger': 'off', // 是否禁止使用 debugger
        // 该规则强制在Vue模板的自定义组件上使用 连字符 列如:v-on  属性名称。
        'vue/attribute-hyphenation': 'warn',
        '@typescript-eslint/no-unused-vars': ['error',
          {
            // 该vars选项有两个设置:
            // all检查所有变量的使用情况,包括全局范围内的变量。这是默认设置。
            // local 只检查使用本地声明的变量,但将允许全局变量未被使用。
            vars: 'local',
            varsIgnorePattern: '^_'
          }
        ],
        // 强制属性的顺序
        'vue/attributes-order': 'off',
        // 该规则禁止在块元素的lang属性中使用应用程序中可用的语言以外的其他语言。
        'vue/block-lang': ['error',
          {
            script: {
              lang: ['ts', 'js']
            },
            style: {
              lang: ['less', 'sass', 'css']
            }
          }
        ],
        // 在打开块级标记之后和关闭块级标记之前强制换行
        'vue/block-tag-newline': ['error',
          {
            // 单行块的配置
            // consistent 每对标记使用一致的换行符。如果其中一个标签内部有换行符,而另一个标签没有换行符,则会报告错误。
            // always 要求在打开块标记之后和结束块标记之前有一个换行符。
            // never 禁止在开始块标记之后和结束块标记之前换行
            singleline: 'consistent',
            // 多行块的配置
            // consistent 要求对每对标记使用一致的换行符。如果其中一个标签内部有换行符,而另一个标签没有换行符,则会报告错误
            // always (默认值)要求在开始块标记之后和结束块标记之前有一个换行符。
            // never 禁止在开始块标记之后和结束块标记之前换行。
            multiline: 'consistent',
            // 指定允许的最大空行数。默认值0
            maxEmptyLines: 0,
            // 为每个块名称指定
            blocks: {
              template: {
                //  | "never" | "consistent" | "ignore",
                singleline: 'consistent',
                multiline: 'consistent',
                maxEmptyLines: 2
              },
              script: {
                singleline: 'consistent',
                multiline: 'consistent',
                maxEmptyLines: 2
              }
            }
          }
        ],
        // 该规则的唯一目的是在<template>和块级别提供eslint-disable功能。它支持使用以下注释:
        /// eslint-disable 禁用
        /// eslint-enable 开启 eslint-disable-line 禁用 eslint-disable-next-line 禁用
        'vue/comment-directive': ['error',
          {
            // eslint-disable HTML注释,没有开启该禁用的规则则报错
            reportUnusedDisableDirectives: true
          }
        ],
        // 该规则旨在使用于定义项目中Vue组件的API样式保持一致。
        'vue/component-api-style': ['error',
          [
            // 允许 《script setup>
            'script-setup',
            // 允许 组合式api https://vuejs.org/api/#composition-api
            'composition'
          ] // "script-setup", "composition", "composition-vue2", or "options"
        ],
        // 为组件定义名称大小写定义样式,以保持一致性。
        'vue/component-definition-name-casing': 'error',
        'vue/component-name-in-template-casing': 'warn',
        'vue/component-options-name-casing': 'warn',
        'vue/component-tags-order': 'warn',
        'vue/custom-event-name-casing': 'warn',
        'vue/experimental-script-setup-vars': 'error',
        'vue/first-attribute-linebreak': 'warn',
        'vue/html-button-has-type': 'warn',
        'vue/html-closing-bracket-newline': 'warn',
        'vue/html-closing-bracket-spacing': 'warn',
        'vue/html-comment-content-newline': 'warn',
        'vue/html-comment-content-spacing': 'warn',
        'vue/html-comment-indent': 'warn',
        'vue/html-end-tags': 'warn',
        'vue/html-indent': 'warn',
        'vue/html-quotes': 'warn',
        'vue/html-self-closing': 'warn',
        'vue/jsx-uses-vars': 'error',
        'vue/match-component-file-name': 'warn',
        'vue/max-attributes-per-line': 'warn',
        // 强制.vue文件中的最大行长度 默认是80
        'vue/max-len': ['error',
          {
            code: 85, // 强制最大行长度。默认80
            template: 100, // 强制<template>的最大行长度。默认值为code
            tabWidth: 2, // 指定制表符的字符宽度。默认值2
            comments: 100, // 强制注释的最大行长度。默认值为code
            ignorePattern: '', // 忽略匹配正则表达式的行。可以只匹配一行,需要双转义时写在YAML或JSON
            ignoreComments: false, // 如果为true,则忽略所有尾随的注释和该行上的注释。默认的false
            ignoreTrailingComments: false, //  如果为true,则只忽略后面的注释。默认的false
            ignoreUrls: false, // 如果为true,则忽略包含URL的行。默认的false
            ignoreStrings: true, // 忽略包含双引号或单引号字符串的行。默认的false
            ignoreTemplateLiterals: true, // 如果为true,则忽略包含<template>的行。默认:false
            ignoreRegExpLiterals: true, // 如果为true,则忽略包含RegExp<正则表达式>的行。默认:false
            ignoreHTMLAttributeValues: false, // 如果为true,则忽略包含HTML属性值的行。默认:false
            ignoreHTMLTextContents: true // 如果为true,忽略包含HTML文本内容的行。默认:false
          }
        ],
        'vue/multi-word-component-names': 'warn',
        'vue/multiline-html-element-content-newline': 'warn',
        'vue/mustache-interpolation-spacing': 'warn',
        'vue/name-property-casing': 'warn',
        'vue/new-line-between-multi-line-property': 'warn',
        'vue/next-tick-style': 'warn',
        'vue/no-arrow-functions-in-watch': 'error',
        'vue/no-async-in-computed-properties': 'error',
        // error  禁止在<template>中使用空字符串 已经关闭 对象中的配置不生效 用来参考设置为error的配置
        'vue/no-bare-strings-in-template': ['off',
          {
            // 允许的字符串
            allowlist: [
              '(', ')', ',', '.', '&', '+', '-', '=', '*', '/', '#', '%', '!', '?', ':', '[', ']', '{', '}', '<', '>', '\u00b7', '\u2022', '\u2010', '\u2013', '\u2014', '\u2212', '|'
            ],
            // 键是标记名称或模式的对象,值是用于检查标记名称的属性数组
            attributes: {
              '/.+/': ['title', 'aria-label', 'aria-placeholder', 'aria-roledescription', 'aria-valuetext'],
              input: ['placeholder'],
              img: ['alt']
            },
            // 用于检查字面值的指令名。
            directives: ['v-text']
          }
        ],
        'vue/no-boolean-default': 'error',
        'vue/no-child-content': 'error',
        'vue/no-computed-properties-in-data': 'error',
        'vue/no-confusing-v-for-v-if': 'error',
        'vue/no-custom-modifiers-on-v-model': 'warn',
        'vue/no-deprecated-data-object-declaration': 'error',
        'vue/no-deprecated-destroyed-lifecycle': 'error',
        'vue/no-deprecated-dollar-listeners-api': 'error',
        'vue/no-deprecated-dollar-scopedslots-api': 'error',
        'vue/no-deprecated-events-api': 'error',
        'vue/no-deprecated-filter': 'error',
        'vue/no-deprecated-functional-template': 'error',
        'vue/no-deprecated-html-element-is': 'error',
        'vue/no-deprecated-inline-template': 'error',
        'vue/no-deprecated-props-default-this': 'error',
        'vue/no-deprecated-router-link-tag-prop': 'error',
        'vue/no-deprecated-scope-attribute': 'error',
        'vue/no-deprecated-slot-attribute': 'error',
        'vue/no-deprecated-slot-scope-attribute': 'error',
        'vue/no-deprecated-v-bind-sync': 'error',
        'vue/no-deprecated-v-is': 'error',
        'vue/no-deprecated-v-on-native-modifier': 'error',
        'vue/no-deprecated-v-on-number-modifiers': 'error',
        'vue/no-deprecated-vue-config-keycodes': 'error',
        'vue/no-dupe-keys': 'error',
        'vue/no-dupe-v-else-if': 'error',
        'vue/no-duplicate-attr-inheritance': 'error',
        'vue/no-duplicate-attributes': 'error',
        // 禁止<template> <script> <style>块为空
        'vue/no-empty-component-block': 'off',
        // 不允许在<script setup> 导出
        'vue/no-export-in-script-setup': 'error',
        'vue/no-expose-after-await': 'error',
        'vue/no-invalid-model-keys': 'error',
        'vue/no-irregular-whitespace': 'error',
        'vue/no-lifecycle-after-await': 'error',
        'vue/no-lone-template': 'error',
        'vue/no-multi-spaces': 'error',
        'vue/no-multiple-objects-in-class': 'error',
        'vue/no-multiple-slot-args': 'error',
        // 不允许在模板中添加多个根节点
        'vue/no-multiple-template-root': 'off',
        'vue/no-mutating-props': 'error',
        'vue/no-parsing-error': 'error',
        'vue/no-potential-component-option-typo': 'error',
        'vue/no-ref-as-operand': 'error',
        'vue/no-reserved-component-names': 'error',
        'vue/no-reserved-keys': 'error',
        'vue/no-reserved-props': 'error',
        'vue/no-restricted-block': 'error',
        'vue/no-restricted-call-after-await': 'error',
        'vue/no-restricted-class': 'error',
        'vue/no-restricted-component-options': 'error',
        'vue/no-restricted-custom-event': 'error',
        'vue/no-restricted-html-elements': 'error',
        'vue/no-restricted-props': 'error',
        'vue/no-restricted-static-attribute': 'error',
        'vue/no-restricted-v-bind': 'error',
        'vue/no-setup-props-destructure': 'error',
        'vue/no-shared-component-data': 'error',
        'vue/no-side-effects-in-computed-properties': 'error',
        'vue/no-spaces-around-equal-signs-in-attribute': 'error',
        'vue/no-static-inline-styles': 'error',
        'vue/no-template-key': 'error',
        'vue/no-template-shadow': 'error',
        // 不允许target=“_blank”属性不带rel=“noopener noreferrer”
        'vue/no-template-target-blank': ['error',
          {
            allowReferrer: true, // 如果为true,则不需要noreferrer。默认false
            // never | always; 如果always,如果href是一个动态链接则强制执行该规则。缺省总是
            enforceDynamicLinks: 'always'
          }
        ],
        'vue/no-textarea-mustache': 'error',
        'vue/no-this-in-before-route-enter': 'error',
        // 组件已被使用,但尚未定义
        'vue/no-undef-components': 'off',
        'vue/no-undef-properties': 'error',
        // 禁止在模板中使用未注册的组件
        'vue/no-unregistered-components': ['error',
          {
            // 如果组件名称匹配一个或多个模式,则抑制所有错误。
            ignorePatterns: []
          }
        ],
        'vue/no-unsupported-features': 'error',
        'vue/no-unused-components': 'error',
        'vue/no-unused-properties': 'error',
        'vue/no-unused-refs': 'error',
        // 禁止v-for指令或作用域属性中未使用的变量定义
        // TODO 好像这个设置不生效 不行设置这个 @typescript-eslint/no-unused-vars
        'vue/no-unused-vars': ['error',
          {
            // 当v-for指令或范围属性的定义与你的ignorePattern正则表达式匹配时,
            // 禁用报告。默认为空,将忽略任何内容
            ignorePattern: '^_'
          }
        ],
        'vue/no-use-computed-property-like-method': 'error',
        'vue/no-use-v-if-with-v-for': 'error',
        'vue/no-useless-mustaches': 'error',
        'vue/no-useless-template-attributes': 'error',
        'vue/no-useless-v-bind': 'error',
        'vue/no-v-for-template-key-on-child': 'error',
        'vue/no-v-for-template-key': 'error',
        'vue/no-v-html': 'error',
        'vue/no-v-model-argument': 'error',
        'vue/no-v-text-v-html-on-component': 'error',
        'vue/no-v-text': 'error',
        'vue/no-watch-after-await': 'error',
        'vue/one-component-per-file': 'error',
        'vue/order-in-components': 'error',
        'vue/padding-line-between-blocks': 'error',
        'vue/prefer-import-from-vue': 'error',
        'vue/prefer-prop-type-boolean-first': 'error',
        'vue/prefer-separate-static-class': 'error',
        'vue/prefer-true-attribute-shorthand': 'error',
        'vue/prop-name-casing': 'error',
        'vue/require-component-is': 'error',
        'vue/require-default-prop': 'error',
        // 要求直接导出组件
        'vue/require-direct-export': ['off', {
          //  如果为true,则不允许Vue 3.x中使用组合函数。默认 false
          disallowFunctionalComponentFunction: false
        }],
        'vue/require-emit-validator': 'error',
        'vue/require-explicit-emits': 'error',
        'vue/require-expose': 'error',
        'vue/require-name-property': 'error',
        'vue/require-prop-type-constructor': 'error',
        'vue/require-prop-types': 'error',
        'vue/require-render-return': 'error',
        'vue/require-slots-as-functions': 'error',
        'vue/require-toggle-inside-transition': 'error',
        'vue/require-v-for-key': 'error',
        'vue/require-valid-default-prop': 'error',
        'vue/return-in-computed-property': 'error',
        'vue/return-in-emits-validator': 'error',
        'vue/script-indent': 'error',
        'vue/script-setup-uses-vars': 'error',
        'vue/singleline-html-element-content-newline': 'error',
        'vue/sort-keys': 'off',
        'vue/static-class-names-order': 'error',
        'vue/this-in-template': 'error',
        'vue/use-v-on-exact': 'error',
        'vue/v-bind-style': 'warn',
        'vue/v-for-delimiter-style': 'warn',
        'vue/v-on-event-hyphenation': 'warn',
        'vue/v-on-function-call': 'error',
        'vue/v-on-style': 'error',
        'vue/v-slot-style': 'error',
        'vue/valid-define-emits': 'error',
        'vue/valid-define-props': 'error',
        'vue/valid-next-tick': 'error',
        'vue/valid-template-root': 'error',
        'vue/valid-v-bind-sync': 'error',
        'vue/valid-v-bind': 'error',
        'vue/valid-v-cloak': 'error',
        'vue/valid-v-else-if': 'warn',
        'vue/valid-v-else': 'warn',
        'vue/valid-v-for': 'error',
        'vue/valid-v-html': 'error',
        'vue/valid-v-if': 'error',
        'vue/valid-v-is': 'error',
        'vue/valid-v-memo': 'error',
        'vue/valid-v-model': 'error',
        'vue/valid-v-on': 'error',
        'vue/valid-v-once': 'error',
        'vue/valid-v-pre': 'warn',
        'vue/valid-v-show': 'warn',
        'vue/valid-v-slot': 'warn',
        'vue/valid-v-text': 'warn'
      }
    }
    
    
    展开全文
  • $ npm install --save-dev eslint-config-xo eslint-config-xo-vue eslint-plugin-vue $ yarn add --dev eslint-config-xo eslint-config-xo-vue eslint-plugin-vue 我建议与使用 用法 在您的package.json中添加...
  • eslint-plugin-vue 关闭

    千次阅读 2021-07-29 14:21:57
    图中步骤:取消勾选就ok
  • [vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue Vue3.0 脚手架报错 [vue/no-multiple-template-root] The template root requires exactly one element. ...
  • 我今天写代码的时候出现了这个问题 [vue/no-deprecated-filter] Filters are deprecated.eslint-plugin-vue,原因是项目是vue3.0的,从vue3.0开始,过滤器就被移除了。 官方文档:...
  • vsocde的eslint 报错:Failed to load plugin 'vue' declared in 'vue3-ts-cms\.eslintrc.js': Cannot find module 'eslint-plugin-vue'
  • 使用 solt-scope = "scope"属性时 ,scope红线报错,可以在vetur中,将Vetur › Validation:Template的对号勾掉即可 1:搜索vetur 2:点击打开设置 3:查找vetur 4:找到Vetur › Validation:......
  • ESLint couldn't find the plugin "eslint-plugin-vue". (The package "eslint-plugin-vue" was not found when loaded as a Node module from the directory "/Users/zhangqi/Desktop".) It's likely that the ...
  • 转自:vue老是提示:[vue/no-...vue用vs code打开老是提示[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue,但是标签都能匹配上啊,如下图: 去除报警的方法: File->Preferen...
  • vscode-less展示错误提示及eslint-plugin-vue提示关闭 Vscode 我们使用less,但是语法上出现错误,不得已改vscode的配置settings文件: 虽然less不报错了,但是: Eslint-plugin-vue报错(这个webpack项目没有安装...
  • 1、安装插件 npm i -g eslint-plugin-vue 2、修改项目跟路径下的文件:.eslintrc | .eslint.js 3、添加eslint 和vetur 插件 4、修改vsc...
  • 用VSCode写VueESLint无法使用,参考以下步骤。 错误信息: [Info - 下午5:50:02] ESLint server is starting [Info - 下午5:50:02] ESLint server running in node v12.14.1 [Info - 下午5:50:02] ESLint server ...
  • eslint 报错 [vue/no-unused-vars] ‘index’ is defined but never used. 打开vscode,找到设置,搜索 setting.json 写入 如下配置,“vetur.validation.template”: false, 保存关闭后,重新打开
  • 如图报错 解决办法: 第一步:设置 第二步:搜索vetur.validation.template 取消勾选
  • 背景:自己用webpack 搭建了 一个类似 vue-cli 的脚手架, 就在配置 …eslintrc文件时 使用了 eslint-plugin-vue, module.exports = { root: true, env: { browser: true, es6: true }, // extends: [ ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,937
精华内容 4,374
关键字:

eslint-plugin-vue

友情链接: Object_Detection_GM.rar