vue.js - 如何在 VS Code 的 .vue 文件中禁用模板中特定行的 eslint 警告
问题描述
我想在我的 vue 文件中消除这个错误
我正在尝试添加此处理器线
<!-- eslint-disable-next-line vue/no-use-v-if-with-v-for -->
和
<!-- eslint-disable-next-line vue/no-confusing-v-for-v-if -->
但两者都不是
也不
解除 eslint 警告
[eslint-plugin-vue] [vue/no-use-v-if-with-v-for] 'v-for' 指令中的 'value' 变量应该替换为返回过滤数组的计算属性。您不应将“v-for”与“v-if”混用。我正在使用 VSCode 的vetur扩展。
我在这个示例后面添加了前行,但 eslint 仍然警告下一行。
PS。这个解决方案不是最好的,但由于过渡动画,我需要这样的解决方案。
解决方案
请参阅Vetur 的文档:
安装ESLint 插件以获得最佳的 linting 体验。Vetur 的模板 linting 仅用于快速入门,不支持规则配置。
所以,你必须:
启用
vue
插件并禁用 Vetur 的 linting(添加到 VS Code 配置):"vetur.validation.template": false, "eslint.validate": [ "javascript", "javascriptreact", "vue" ]
如果您没有eslint
和/或eslint-plugin-vue
已经安装,您应该这样做:
npm i eslint babel-eslint eslint-plugin-vue --save-dev
ESLint 的简单配置:
{
"root": true,
"env": {
"node": true
},
"extends": ["plugin:vue/essential", "eslint:recommended"],
"rules": {
},
"parserOptions": {
"parser": "babel-eslint"
}
}
您应该将其保存到.eslintrc
文件中或以package.json
名称eslintConfig
保存。
而且,它有效:
推荐阅读
- laravel - Laravel Api Documentation Genarator
- java - how to skip a character when read strings from a file in Java
- java - 类转换异常:不能转换为类
- android - Android使用ChildEventListener从firebase获取新消息
- javascript - How to send array of file objects through ajax with form serialize()?
- c++ - 如何在 C 或 C++ 中实现 tss2 API 以在代码中使用功能
- node.js - Swagger UI 在 NodeJS 中无法正确呈现
- javascript - 为什么不迭代?
- html - Angular - 动态创建 HTML 元素和 Angular 组件
- java - 如何将 ResponseEntity 转换为 List