前端技巧之ESLint忽略检查行和文件总结
作者:前端Outman
ESLint是一个流行的JavaScript代码检查工具,它可以帮助团队确保代码质量,避免常见的错误和格式问题,这篇文章主要给大家介绍了关于前端技巧之ESLint忽略检查行和文件的相关资料,需要的朋友可以参考下
一、注释方式
1.注释忽略 —— 块注释
/* eslint-disable */ console.log('test'); /* eslint-enable */
2.注释忽略 —— 忽略指定规则项
/* eslint-disable no-alert, no-console */ alert('test'); console.log('test'); /* eslint-enable no-alert, no-console */
3.注释忽略 —— 忽略整个文件
/* eslint-disable */ alert('test'); alert('test'); alert('test'); alert('test');
4.注释忽略 —— 忽略整个文件中指定规则项
/* eslint-disable no-alert */ // Disables no-alert for the rest of the file alert('test');
5.注释忽略 —— 忽略当前行
alert('test'); // eslint-disable-line alert('test'); /* eslint-disable-line */
6.注释忽略 —— 忽略当前行中指定规则项(多个规则项用逗号隔开)
alert('test'); // eslint-disable-line no-alert, quotes alert('test'); /* eslint-disable-line no-alert */
7.注释忽略 —— 忽略下一行
// eslint-disable-next-line alert('test'); /* eslint-disable-next-line */ alert('test');
8.注释忽略 —— 忽略下一行中指定规则项(多个规则项用逗号隔开)
// eslint-disable-next-line no-alert, quotes alert('test'); /* eslint-disable-next-line no-alert */ alert('test');
二、.eslintignore方式(推荐)
在根目录新建.eslintignore文件
1.忽略单个文件
test.js
2.忽略以.test.js结尾的文件
*.test.js
3.忽略某路径下所有的文件
test/*
附:vue eslint语法检查报错忽略
在vue项目中经常遇到eslint语法检查报错,多了个空格或者少了个符号都会报错,页面也打不开,每次调试很麻烦。
解决办法:
1、使用框架自带的命令
npm run lint
使用命令自动格式化这些语法错误。
但这种方式非常不便捷。
2、使用eslint忽略语法错误
建立文件.eslintignore,与src同级别。代码如下
# 忽略build目录下类型为js的文件的语法检查 build/*.js # 忽略src/assets目录下文件的语法检查 src/assets # 忽略public目录下文件的语法检查 public # 忽略当前目录下为js的文件的语法检查 *.js # 忽略当前目录下为vue的文件的语法检查 *.vue
保存后重新启动项目即可。就不会有语法报错了。
总结
到此这篇关于前端技巧之ESLint忽略检查行和文件的文章就介绍到这了,更多相关ESLint忽略检查行和文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!