VScode eslint-plugin-vue 自动修复eslint报错

最新推荐文章于 2024-04-23 15:28:51 发布
最新推荐文章于 2024-04-23 15:28:51 发布
阅读量674 收藏 1
点赞数
分类专栏： 前端 文章标签： 杂物间 vscode eslint-plugin-vue eslint vue 自动修复
原文链接：https://www.mk2048.com/blog/blog.php?id=hikjc2c1bccb&title=VScode+eslint-plugin-vue+%E8%87%AA%E5%8A%A8%E4%BF%AE%E5%A4%8Deslint%E6%8A%A5%E9%94%99
版权

1、安装插件

npm i -g eslint-plugin-vue

2、修改项目跟路径下的文件：.eslintrc | .eslint.js

3、添加eslint 和 vetur 插件

4、修改vscode首选项配置

"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",{
        "language": "vue",
        "autoFix": true
    },"html",
    "vue"
],

 

配置完成，重启vscode，在保存时就会自动修复eslint的报错。

 


更多专业前端知识，请上 【猿2048】www.mk2048.com
qq_29069777
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于Vue的一些小笔记（五）表单--v-model的使用
sandy_star
07-23 427
前言：这次笔记的主要内容为：v-model的具体使用方法。 一、表单绑定v-model Vue中使用v-model指令来实现表单元素和数据的双向绑定。 （1）双向绑定的原理 我们在输入框中输入内容 input中的v-model绑定了message，所以会实时将输入的内容传给message，message发生改变 message发生改变时，因为我们使用了Mustache语法，将message的值插入到DOM中，所以DOM会发生响应的改变 故通过v-model实现了双向绑定 <div id="ap.
eslint-plugin-regexp:ESLint插件，用于查找正则表达式错误和样式指南违规
03-19
npm install --save-dev eslint eslint-plugin-regexp 要求 ESLint v6.0.0及更高版本 Node.js v8.10.0及更高版本 :open_book:用法 创建.eslintrc.*文件以配置规则。另请参阅： : 。 示例.eslintrc.js ： module . ...
eslint-plugin-vue：Vue.js的官方ESLint插件
02-03
eslint-plugin-vue Vue.js的官方ESLint插件 :open_book: 文献资料 参见。 :anchor: 版本政策 该插件遵循和。 :newspaper: 变更日志 该项目使用 。 :clinking_beer_mugs: 贡献指南 欢迎贡献！ 请参阅 。 使用规则 在开始编写新规则之前，请阅读。 接下来，为了了解您要检查的代码的AST的外观，请使用 。 是检查AST的好工具，还支持Vue模板。 打开，选择Vue作为语法，选择vue-eslint-parser作为解析器。 由于Vue中的单个文件组件不是普通JavaScript，因此无法使用默认解析器，因此引入了新的解析器。 vue-eslint-parser使用代表模板语法特定部分以及[removed]标记内部内容的节点来生成增强的AST。 要了解有关生成的AST中某些节点的更多信息，请转到此处： vue-eslint-parser提供了一些有用的解析器服务，可帮助遍历所生成的AST和访问模板的令牌： context.parserServices.defineTemplateBodyVis
eslint-plugin-vue-i18n：Vue I18n的ESLint插件
02-05
@ intlify / eslint-plugin-vue-i18n Vue I18n的ESLint插件 :open_book: 文献资料 看 :scroll: 变更日志 每个版本的详细信息更改记录在。 :exclamation_mark: 问题 在打开问题之前，请确保阅读“ 。 不符合准则的问题可能会立即被解决。 :flexed_biceps: 贡献 提出拉取请求之前，请务必先阅读。 :copyright_selector: 执照
eslint-plugin-simple-import-sort：易于自动修复的导入排序
02-05
eslint插件简单导入排序 易于自动修复的导入排序。 :check_mark_button: 通过eslint --fix运行–无新工具 :check_mark_button: 尽可能对出口进行排序 :check_mark_button: 处理评论 :check_mark_button: 处理类型的进出口 :check_mark_button: 友好（通过 ） :check_mark_button: :check_mark_button: 友好 :check_mark_button: git diff友好 :check_mark_button: 100％的代码覆盖率 :cross_mark: 这是针对那些经常使用eslint --fix （ eslint --fix ）并想完全忘记对导入进行排序的用户的！ 例 import React from "react" ; import Button from "../Button" ; import styles from "./styles.cs
vue3 添加eslint校验（eslint-plugin-vue）
James_liPeng的博客
12-10 1万+
vue3的eslint校验
eslint-plugin-vue 的使用
你的世界我做主
04-17 1万+
💿 安装 通过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 示例.eslin
Cannot find module 'eslint-plugin-vue' 报错解决
热门推荐
momDIY的博客
01-03 5万+
问题描述 vue项目在引入eslint代码质量检查工具时报错Cannot find module 'eslint-plugin-vue'，提示缺少依赖，在按照官方文档要求安装之后错误仍然未解决，此时node_mudules中已经有了eslint-plugin-vue这个包， 解决方案 全局安装eslint-plugin-vue这个包。 npm i -g eslint-plugin-vue 报错原...
Vue学习第一天总结（Mustache语法，Vue基本指令，动态绑定）
m0_46371029的博客
04-13 731
1.Mustache语法（插值操作） 用于在页面中插入数据{{ 这里放要插入的数据 }} 2.Vue指令 2.1 v-once(表示元素和组件只渲染一次，不随数据（或界面数据）改变而改变) 2.2 v-html(当从服务器请求的数据是一串Html代码，这时会将它String类型的html指令渲染出来) 2.3 v-text(和Mustache比较相似都是将数据显示在页面中，以文本形...
vue中eslint导致的报错
飞得更高肥尾沙鼠
04-26 626
vue中eslint导致的报错
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
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@
vue3-webpack遇到Eslint各种报错
tiger_Angle
11-11 4728
报错一：：与创建项目时选择的 eslint 的设置问题，可以通过“—fix”选项修复：//原代码报错二：提示建议我们使用特殊注释禁用某些警告。使用//eslint disable next line忽略下一行。使用//忽略文件中的所有警告。
vue报错: [eslint-plugin-vue] [vue/valid-v-for] [vue/no-parsing-error]
票票的博客
07-08 3257
具体报错信息： [vue/valid-v-on] Avoid using JavaScript keyword as "v-on" value: "handleSearchTable".eslint-plugin-vue [vue/no-parsing-error] Parsing error: control-character-in-input-stream.eslint-plugin-vue [vue/no-parsing-error] Parsing error: Unexpected cha
Vite 创建 Vue3+TS 项目配置 ESLint
油墨香^-^的博客
04-10 9333
如题所示，本文将使用 Vite 脚手架创建 Vue3+TypeScript 项目进行 ESlint 的配置，并采用 Standard 规范。想要跳过本文介绍直接进行相关配置的，可以参考文章末尾总结内 Git 仓库的代码提交记录。经过以上一系列的操作，我们使用 Vite 这个脚手架去创建一个了 Vue3+TypeScript 的项目，进行 ESLint 的配置，采用 Standard 规范，并且实践到我的个人项目里使用了一段时间也没什么问题。
mustache-指令-样式-事件-v-model-1
azmingliang的博客
07-11 631
mustache 指令 样式 事件 v-model -1 mustache 语法糖 {{}} {{ msg }}是this.msg 简写 this.$data.msg -> this.msg -> msg <body> <div id="app"> <p> {{ this.msg }} </p> <p> {...
eslint在vue中如何使用
buler_sky的博客
04-14 1211
eslint vue vscode
在vscode上面进行分支merge的记录
最新发布
Liu_First的博客
04-23 67
前言：在我们的项目中，有两个分支：master和liutielong。现在要将liutielong分支的改动merge到master分支中。
怎么用npm移除eslint-plugin-vue
06-11
如果你想移除项目中的 `eslint-plugin-vue` 插件，可以通过以下步骤进行： 1. 在项目目录下打开终端窗口。 2. 运行以下命令卸载 `eslint-plugin-vue`： ``` npm uninstall eslint-plugin-vue ``` 这个命令会从项目中卸载 `eslint-plugin-vue` 插件，并且将其从 `package.json` 文件中的 `dependencies` 或 `devDependencies` 字段中移除。 3. 重新启动项目，或者重新打开终端窗口，让配置生效。 注意事项： - 移除 `eslint-plugin-vue` 插件意味着你将失去 Vue.js 代码中的一些最佳实践和规范检查，因此建议只在特殊情况下使用该命令。 - 如果你想重新安装 `eslint-plugin-vue` 插件，可以使用以下命令： ``` npm install eslint-plugin-vue --save-dev ``` 这个命令会安装最新版本的 `eslint-plugin-vue` 插件，并将其添加到 `package.json` 文件中的 `devDependencies` 字段中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值