vscode 中 eslint 无效?npm init 是什么?

vscode 中 eslint 无效

我想要给一个项目添加 eslint,按照 eslint 官方指南操作:

npm init @eslint/config@latest

在这里插入图片描述

自动安装了相关依赖并创建配置文件 eslint.config.mjs

按理说,此刻项目应该已经配置好 eslint 了。但是我的编辑器 vscode 并不能检测到代码中的错误???!!!

在这里插入图片描述


破案了:eslint 无罪,是 vscode 版本过低

折腾了半天解决了,直接上结论:eslint 生效了。但是编辑器中的错误提示是 vscode 的 eslint 插件提供的,这个插件没生效!

在这里插入图片描述

如何证明 eslint 生效了?

在控制台执行 eslint index.js,成功找到所有错误

vscode 对 eslint 的支持没生效

npm init @eslint/config@latest 是按照最新的 eslint 规则进行安装和配置的。eslint 的最新版本是 v9+,和之前的版本相比有很多 breaking changes。而我此时用的 vscode 已经两年没有更新了。。。所以 vscode 无法识别最新的 eslint 规则。

eslint v9+的 breaking changes 很多,不一一列举了,这里只说一个:配置文件格式变动,以前的 .eslintrc.js.等已全面弃用

在这里插入图片描述

我也是在研究途中才发现我的 vscode 已经两年没更新了。虽然我给 vscode 设置了自动更新,但是貌似因为我给 vscode 设置了“以管理员身份运行”,自动更新从来没生效。。。

在这里插入图片描述

我一开始还升级过 vscode eslint 插件的版本,没用。原来病根在 vscode 身上。

把 vscode 和 vscode eslint 插件的版本都升到最新后,一切都OK了!


一些心路历程

在研究的过程中(此时还是老版本的 vscode),我发现把配置文件换成以前的格式 .eslintrc.js 后,vscode 就能正确识别 eslint 了。
我在 eslint 官网查到 eslint 的新老版本配置文件变化很大,所以想到是版本不匹配的问题了。

我立刻升级了 vscode eslint 插件,但还是不起作用。这时候的我完全没想到是 vscode 版本过老,还以为是这个插件没有 up to speed

所以当时的我认为,只能在项目里用一个老点的 eslint 版本,让 vscode 能认识。

我看到 npm init @eslint/config@latest ,自作聪明的尝试 npm init @eslint/config@8(试图安装 eslint 8)。失败:

在这里插入图片描述

果然没那么简单,哈哈哈。所以我去研究了一下 npm init 的用法


npm init

在这里插入图片描述

我应该查看 @eslint/create-config 包的版本(在上一部分安装@8的报错信息也提到了这个包),看看它有没有哪个版本是对应 eslint 8的。
——经过我一番查找,没有!这条路又堵死了,看来不能用自动化工具了。只能自己乖乖安包,自己写配置文件了(并不,升级 vscode 版本就好了)

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/851246.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《python程序语言设计》2018版第5章第36题改造4.17 石头 剪刀 布某一方超过2次就结束。

代码编写记录 2024.05.04 05.36.01version 换一个什么数代替剪子 我先建立一个函数judgement condition 石头3 剪子2 布1 如何构建一个循环进行的架构,是我们最需要的想法 循环以什么条件开始呢 是小于2个还是大于2个。 guess_num random.randint(1, 3) computer…

Python 和 Java 实现云计算的最终年项目

1、问题背景 目前,我正在进行我的最终年项目,计划用 Python 编写一个云计算系统,而云客户端将由我的团队成员使用 Java 来编写。这个云客户端将具有一个带有标签的界面,并提供文本编辑器、媒体播放器、几个基于 Java 的小游戏以及…

按键精灵在Win11中弹窗出现乱码并且自带的部分系统插件不能使用的解决方法

按键精灵中出现以下问题: 提示信息的弹窗出现乱码: 系统自带的部分像 plugin. 开头的插件不能使用,如下:s Plugin.Sys.GetDateTime() screenX Plugin.GetSysInfo.GetScreenResolutionX screenY Plugin.GetSysInfo.GetScreenRe…

⌈ 传知代码 ⌋ 记忆大师

💛前情提要💛 本文是传知代码平台中的相关前沿知识与技术的分享~ 接下来我们即将进入一个全新的空间,对技术有一个全新的视角~ 本文所涉及所有资源均在传知代码平台可获取 以下的内容一定会让你对AI 赋能时代有一个颠覆性的认识哦&#x…

IDEA去除代码和XML中的波浪线(黄色警告线)

通常情况下,IDE自带的侦测功能会帮我们提示一些错误、警告等。但这对于强迫症患者来说并不友好。以下是去除IDE代码和XML文件中的波浪线(黄色警告线)、拯救强迫症患者的有效方案 1、去除XML中的波浪线 2、去除代码中的波浪线 关爱强迫症患者…

归并排序!

归并排序 https://articles.zsxq.com/id_g23e5o3lg87e.html 目录 归并排序算法思想命名由来算法描述sortList函数mergeSort函数 源代码 算法思想 通过将当前乱序的数组分成两个部分,分别进行「递归调用」,利用两个指针将数据元素以此比较,选…

抖音req_sign

上次的文章里说到bd-ticket-guard-ree-public-key是根据rsa生成私钥1跟公钥1里的私钥1通过函数加密得到的。 最近我发现那个加密函数的加密原理是通过私钥1再用不同的rsa算法生成一对小的hex后的私钥2跟公钥2,私钥2比公钥2短,然后bd-ticket-guard-ree-p…

JDK8特性学习笔记

文章目录 1Lambda表达式1.1标准格式1.2底层原理1.3省略格式1.4前提条件1.5和匿名内部类对比1.6接口默认方法1.7接口静态方法1.8常用内置函数式接口1.8.1Supplier1.8.2Consumer1.8.3Function1.8.4Predicate 1.9方法引用1.9.1对象名::引用成员方法1.9.2类名::静态方法1.9.3类名::…

concurrent.futures的超时

concurrent.futures模块中的ThreadPoolExecutor和ProcessPoolExecutor类允许您在多线程或多进程环境中执行函数,并提供了超时功能。以下是如何使用这些执行器以及如何实现超时的具体代码案例。 使用ThreadPoolExecutor实现超时 import concurrent.futures import …

VUE2.7项目配置webpack打包-详细操作步骤

一、Webpack简介 Webpack是一个打包工具,可以把JS、CSS、Node Module、Coffeescrip、SCSS/LESS、图片等都打包在一起,因此,现在几乎所有的SPA项目、JS项目都会用到Webpack。 官网:https://webpack.js.org GitHub为https://git…

error 12154 received logging on to the standby报错处理

错误 处理方法 该参数不是主库的servicename (低级错误) SQL> alter system set log_archive_dest_2 SERVICEstandby ASYNC VALID_FOR(ONLINE_LOGFILES,PRIMARY_ROLE) DB_UNIQUE_NAMEstandby; System altered. 观察主库日志: 备库日志: 该问题会影…

vue2自定义指令

本节目标 快速入门v-loading 快速入门 指令对比 基本语法 使用: v-指令名"指令值"定义: 通过 directives 局部定义或者全局定义通过事件对象 el 可以拿到指令所在元素通过形参 binding 可以拿到指令的传值通过update钩子, 可以监听指令值的变化,进行更新操作 局部…

C++进阶:继承

文章目录 继承的概念继承的定义方式继承关系和访问限定符基类和派生类对象的赋值转换继承中的作用域派生类中的默认成员函数构造函数拷贝构造函数赋值拷贝函数析构函数 总结 继承的概念 继承(inheritance)机制是面向对象程序设计使代码可以复用的最重要的手段,它允…

一个开源的Office软件,很离谱的办公神器

你们平时用的办公软件是哪一个?今天给大家分享的是一个“进阶版”office工具ONLY OFFICE,不仅支持Windows、Mac、ios, 安卓等全平台满足你的日常所需,更是提供了大量开挂般的功能。 1、打工人省金币 你们平时使用办公软件最头疼的问题是什么…

第1章Hello world 3/5:Cargo.lock:确保构建稳定可靠:运行第一个程序

讲动人的故事,写懂人的代码 1.6 Cargo.lock:确保构建稳定可靠 “看!”席双嘉一边指着屏幕一边说,“终端窗口提示符的颜色,从绿变黄了。这就意味着代码在上次提交后有点变化。” 赵可菲:“但是我们只是运行了程序,代码应该没动呀。” 席双嘉敲了下git status -uall,这…

PawSQL优化 | 分页查询太慢?别忘了投影下推

​在进行数据库应用开发中,分页查询是一项非常常见而又至关重要的任务。但你是否曾因为需要获取总记录数的性能而感到头疼?现在,让PawSQL的投影下推优化来帮你轻松解决这一问题!本文以TPCH的Q12为案例进行验证,经过Paw…

高考志愿填报的技巧和方法

高考过后,最让家长和学生需要重视的就是怎样填报志愿。高考完和出成绩之前有一段很长的时间,而成绩出来之后往往报考的时间非常的紧张。在很短的时间内,高考的学生和他的家长要综合高考的成绩,考虑院校,专业&#xff0…

Vue中的组件通信

父向子通信 1.定义props 子组件中,定义期望接收的属性。例如,在子组件的script部分: export default {props: {message: String // 假设父组件要传递一个字符串类型的数据} } 2.传递数据 在父组件的模板中,通过属性绑定的方式将…

分享: 动图网站

Stickers for iOS & Android | GIPHY 这个网站有一些外国的制作的动图

OOP面试问题 - C#

文章概述 背景问题答案概括 背景 以下是最流行的 OOP面试问题和答案的列表。这些 OOPS 面试问题适用于初学者和专业 C# 开发人员。 问题 什么是对象?什么是封装?什么是抽象?什么是继承?哪些是访问说明符?如何在 C…