eslint-disable的使用

导言

如果项目里引入了eslint，但又想eslint忽略对多行或者某一行代码的检查，这时，我们可以使用eslint-disable。

用法

对整个文件生效

在文件第一行使用/* eslint-disable*/

/* eslint-disable */
var a = 1;
console.log(a);

对于多行代码

使用/* eslint-disable*/和/* eslint-enable*/将代码包裹起来

/* eslint-disable */
var a = 1;
console.log(a);
/* eslint-enable */

对于某一行代码

对当前行生效

var a = 1; // eslint-disable-line

对下一行生效

// eslint-disable-next-line
var a = 1;

注意

eslint-disable会默认禁用所有规则，如果没有准确指定禁用哪条规则，那么eslint会对eslint-disable提示eslint警告

为了避免这个eslint警告，我们需要在eslint-disable后面写上指定禁用的规则，多条规则之间，用逗号隔开

// eslint-disable-next-line vars-on-top, no-var
var a = 1;
console.log(a); // eslint-disable-line no-console

对于整个文件或者多行代码的情况，还可以使用/* eslint-enable*/后面加上规则名来启用指定规则

/* eslint-disable vars-on-top, no-var, no-console */
var a = 1;
console.log(a);
/* eslint-enable no-var, no-console */

参考：eslint-comments/no-unlimited-disable

eslint-disable的使用相关推荐

使用 Eslint + husky + lint-staged + Prettier 提高前端项目质量、统一项目代码风格
使用 Eslint + husky + lint-staged + Prettier 提高前端项目质量.统一项目代码风格 Eslint 代码检查,编辑器启用 Eslint 之后,不符合规范的会自动进行 ...
vscode的格式化工具：eslint 、 prettier、editorconfig 和 vetur
文章目录 eslint--代码检查工具 eslint的作用 eslint的配置第一步配置IDE的eslint环境第二步:配置项目中的eslint 下载对应的包 vite集成eslint Eslin ...
VUE3 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignor
今天学习vue3建项目的时候遇到Eslint各种报错, 报错一: 8:1 error Delete `⏎` prettier/prettier ✖ 1 problem (1 error, 0 warn ...
WebStorm React JS语法报错问题
需要设置2处即可解决: 一.设置 javaScript language version 为 React jsx 二.设置ESLint Disable ESLint
hapi mysql项目实战路由初始化_用hapi.js mysql和nuxt.js(vue ssr)开发仿简书的博客项目...
前言: 预览: 开始: npm i 把mysql配置好 npm run server or npm run dev 实现功能: 用户: 登录.注册.用户资料修改,详情页面,类似于简书的文章数量.总字数 ...
记录一次react项目配置过程
1.为什么要配置react而不是脚手架因为要知其然,最好还要知其所以然! 2.配置对象 webpack webpack-dev-server babel eslint 3.配置过程 1.webpac ...
报错You may use special comments to disable some warnings.vue-cli脚手架关闭eslint的步骤
打开 build文件夹下面的webpack.base.conf.js; 找到下面这段代码,并将它注释掉: const createLintingRule = () => ({// test: / ...
webstorm 设置tslint_webstorm（2019）配置eslint规范
在项目中我们为了代码书写更规范,在项目中安装ESlint帮助我们检查语法,那么下面介绍下在webstorm中如何配置ESlint规范步骤如下: 1.快捷键:ctrl+alt+s打开设置,找到Code ...
学习ESLint的规则配置，ESLint语法检测配置说明
ESLint的默认规则有些比较反人类: 通过vue-cli的代码末尾不能加分号 ; 编辑代码中不能存在多行空行大括号,中括号,左右的空格限制 var的空声明等忽略一项使用/* eslin -di ...
You may use special comments to disable some warnings. Use // eslint-disable-next-line……
You may use special comments to disable some warnings. Use // eslint-disable-next-line-- 错误如下解决办法在 ...

eslint-disable的使用

eslint-disable的使用

导言

用法

对整个文件生效

对于多行代码

对于某一行代码

注意

eslint-disable的使用相关推荐

最新文章

热门文章