解决VScode中的关于eslint的问题

原创 已于 2022-10-27 23:44:43 修改 · 761 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #编辑器 #vue.js #npm

于 2022-10-27 23:44:29 首次发布
博客主要讲述npm run serve后报错，经搜索发现是eslint问题。给出的解决方案是在vue.js.config中添加特定代码，添加后问题得以解决。

npm run serve 后报出以下错误：

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

 上网搜了以下发现是eslint的问题，解决方案如下：

在vue.js.config中添加这行代码，问题就解决了。

 

vsCode配置Eslint+Prettier结合使用详细配置步骤，规范化开发
江湖行骗老中医
12-02 2301
Eslint附带了大量的校验规则，这些规则的值分别有如下规律：off | 0 :表示关闭规则。warn | 1 :表示将该规则转换为警告。error | 2 :表示将该规则转换为错// "semi": [2, "always"],//语句强制分号结尾// "quotes": [2, "double"],//引号类型 ""//"no-alert": 0,//禁止使用alert//"no-console": 2,//禁止使用console。
VScode配置ESLint检测语法
m0_56347363的博客
03-14 3142
eslint失效：导致两种效果：1.格式错误不报红，列如：代码前多空格。2.no quick fix，缺少eslint fix 指令，快速寻找并解决问题。在根目录下的.vscode下的settings.jsonCtrl + Shift + P”打开命令面板选择“中加入如下代码可以解决.eslintrc.js配置.eslintignore配置。
vscode启动项目时报错：Use // eslint-disable-next-line to ignore the next line，可以这样来解决
javafg的博客
02-11 1131
产生的原因： 项目创建时设置了使用 eslint 进行代码规范检查。 解决办法： 找到webpack.base.conf.js文件，并且将下面这行代码注释掉。 　　具体位置如下图所示：　　 保存后，再重新使用执行 npm run dev 就可以了 ...
Use /* eslint-disable */ to ignore all warnings in a file. 报错
weixin_34291004的博客
12-12 2106
有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，但是稍有不符合，就会在开发过程中一直报错，太影响心情和效率了。所以，还是会选择关闭eslint校验。 在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关eslint的规则 module: { rules: [ ...
告别手动修复代码，一键解决ESLint警告（VSCode配置实战）
最新发布
InstrWander的博客
11-03 666
告别手动修复代码，一键解决ESLint警告。本文详解VSCode ESLint自动修复配置方法，支持保存时自动修复、实时提示与常见规则适配，提升开发效率与代码规范性。前端开发必备技巧，值得收藏。
vue项目报错:Use /* eslint-disable */ to ignore all warnings in a file.
weixin_47860175的博客
09-24 5934
Use /* eslint-disable */ to ignore all warnings in a file. 报错 - CatherLee - 博客园有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，但是稍有不符合，就会在开发过程中一直报错，太影响心情和效率了。所以，还是会选择关闭eslint校验。https://www.cnblogs.com/catherLee/p/10108236.html ...
Use /* eslint-disable */ to ignore all warnings in a file. 报错
weixin_46860184的博客
05-27 2865
有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，但是稍有不符合，就会在开发过程中一直报错，太影响心情和效率了。所以，还是会选择关闭eslint校验。 在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关eslint的规则 module: { rules: [ // ...(config.dev.useEslint ? [createLintingRule()] : []),
Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warn
weixin_48809422的博客
10-14 497
在你的项目根目录中创建一个.eslintrc文件。然后复制下面这段代码 放在.eslintrc文件中。
vscode 兼容eslint插件.txt
06-26
自己找了好久才找到解决方案，在vscode里面吧这段代码复制进去，可直接ctrl+c直接自动保存为eslint规则的代码，避免控制台一直报警告。
给Vscode配置ESlint语法检查 — ESLint 插件自动格式化设置（实现Ctrl+S 按照ESLint规则自动格式化代码）
热门推荐
一往直“前”，直上云“端”
07-28 3万+
实现按照ESLintESLint（读取ESLint配置文件进行语法检测）—主要Prettier（代码格式化工具）vetur vue代码高亮本文主要通过VScode中的ESLint插件进行配置，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。这里使用的开发工具是vscode，配合eslint来对项目进行格式校验，本文vue项目添加配置。给Vscode配置ESlint语法检查；ESLint 插件自动格式化设置（实现Ctrl+S 按照ESLint规则自动格式化代码）......
【VSCode操作手册】prettier和ESlint格式冲突问题解决2-Missing space before function parentheses
Txtechcom的博客
02-07 1266
prettier和ESlint格式冲突问题解决2-Missing space before function parentheses。之前写了一篇基于Prettier ESLint插件，有时Prettier ESLint插件不好用无反应，于是有了这一篇基于Prettier插件的配置。
vscode禁用Eslint(不管项目里面安装还是插件安装使用，都会被禁用掉）
weixin_68658847的博客
05-22 782
vscode禁用Eslint(不管项目里面安装还是插件安装使用，都会被禁用掉）
vscode中eslint语法报错问题
佛系小菜鸡的博客
02-26 4440
问题 我们使用vue-cli创建项目，默认会启用eslint语法检验，虽然是个好东西，可以让我们的代码格式非常的规范，但是他过于严格的语法规范，比如不能加分号，使用单引号，代码结尾还有有一个空行等等过于严格的要求，让代码经常报错，与修改一个空格，一个分号的事就大大降低了开发效率，所以需要解除一些工具帮我们自动按照esllint进行代码自动规范化。 解决 我是使用了三个插件来实现保存自动进行代码规范...
git commit提交报错，跳过eslint提交代码
weixin_44273451的博客
06-13 610
一行命令跳过eslint的检查。
提交代码到仓库时，不符合 ESLint 规则被eslint的检验，无法提交上去怎么办
m0_67352892的博客
11-06 1914
逐个解决 ESLint 报错所指出的问题。
vscode的vue脚手架项目中eslint报错解决
lgp8z的博客
08-25 578
安装eslint与vetur插件 打开vscode的settings.json 追加如下配置 "editor.codeActionsOnSave":{ "source.fixAll.eslint":true } 可以实现ctrl +s保存文件时，按照eslint的规则自动格式化
vue-cli3.0创建项目，vue-cli3.0各项配置与安装， vue-cli3.0 上手教程 （二）之 VUE-CLI3的eslint配置问题
csl125的博客
02-25 2865
VUE-CLI3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误 最奇怪的是竟然HTML也被抛出警告了，虽然没有影响项目的运行，但是强迫症还是决定修改一下 error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1: 1 error found. 1 error p...
处理VScode项目中ESLint的报错问题
liujiaojiao666的博客
08-06 954
处理VScode项目中ESLint的报错问题 根目录下创建’.prettiercc’文件 文件中写入代码 { "semi":false, "singleQuote": true } // semi 是指是否需要分号, 改为false, eslint不支持句末分号 // singleQuote是指script中是否启用单引号, eslint中js语法只支持单引号 配置好后,当我们保存文件时及时代码中有分号或双引号,保存后也会改为单引号,并去除分号的格式。 ...
vscode修复eslint的报错
伍六七
08-06 3648
具体操作如下： 1、安装添加eslint 和 vetur 插件 2、首选项设置搜索eslint 勾选Auto Fix On Save 并点击edit in setting.json进行设置 { "eslint.validate": [ "javascript",{ "language": "vue", "auto...
解决VSCode中Prettier与ESLint冲突：配置详解
在VSCode中使用ESLint插件进行代码规范配置时，可能会遇到prettier配置无效的情况。当在Vue项目中使用vue-cli构建并结合VSCode内置的prettier格式化功能时，通常会推荐同时安装并配置ESLint以确保代码质量一致性。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值