【前端技巧】ESLint忽略检查行和文件

这篇具有很好参考价值的文章主要介绍了【前端技巧】ESLint忽略检查行和文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

@Author:Outman
@Date:2023-03-10

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文件文章来源地址https://www.toymoban.com/news/detail-559331.html

1.忽略单个文件
test.js
2.忽略以.test.js结尾的文件
*.test.js
3.忽略某路径下所有的文件
test/*

到了这里,关于【前端技巧】ESLint忽略检查行和文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • web前端开发教学视频,VUE项目配置ESlint后一些报错解决方式,4个改变你编程技能的小技巧

    ‘no-delete-var’: 2, // 禁止出现未使用的变量 ‘no-unused-vars’: [2, {‘vars’: ‘local’, ‘args’: ‘none’}], // 禁止出现空函数 ‘no-empty-function’: 2, // 禁用不必要嵌套块 ‘no-lone-blocks’: 2, // 这条规则强制执行v-on指令样式,您应该使用速记。 ‘vue/v-on-style’: [2, ‘shorthand’], //*

    2024年04月13日
    浏览(25)
  • vscode的eslint检查代码格式不严谨的快速修复

    原因:复制的代码,esLint检查代码格式不正确。或者写的代码位置不严谨,总是提示 设置在Ctrl + S保存时自动格式化代码 1、vscode设置 2、点击右上角,切换json模式 3、添加设置 4、Ctrl + s 保存看效果 保存后,就自动格式化了 结束! hy:48

    2024年02月03日
    浏览(38)
  • uniapp+vite+vue3+ts配置eslint代码检查及prettier规范检查

    首先要知道eslint与prettier的区别,ESLint 是一个用于检测 JavaScript 代码中的错误和潜在问题的工具。它只关注你写的代码是否正确,不会管你代码的格式;Prettier 则是一个代码格式化工具,它旨在确保代码在缩进、空格、换行、引号和分号等格式化方面遵循一致的规则,在

    2024年03月16日
    浏览(47)
  • Vue3+Vite+TS项目集成ESlint +Prettier实现代码规范检查和代码格式化

    我在这里直接是通过vite提供的默认模板来创建一个vue3 + ts的项目。这里可以cmd,然后npm -v来查看版本。 这样一个vue3 + ts的项目就创建好了,使用vscode打开该项目,然后执行 yarn 安装依赖 依赖安装完成后,执行   yarn dev  启动项目就可以在浏览器中正常访问了。   初始化

    2024年01月24日
    浏览(56)
  • 【前端】eslint 禁用命令

    常用:

    2024年04月11日
    浏览(24)
  • 【前端】代码警告处理Parsing error: Unexpected token <eslint或Parsing error: Unexpected token =eslint

    是由于开发环境与esLint当前的解析功能不兼容。 1.下载依赖 2.在.eslintrc.js文件加上parse: \\\'babel-eslint\\\' 3.我用的babel-eslint版本  

    2024年04月09日
    浏览(33)
  • jsx文件eslint报错 Parsing error: Unexpected token < eslint

    最近在使用react native开发app的发现一个问题: 报错详情: 可以看到,这是jsx的正确写法,并没有语法错误,但是eslint还是报错,大致意思就是意外的符号 ,可以大概推断是eslint没有正确解析jsx语法造成的,虽然程序可以正常运行,但是对于强迫症来说,确实受不了。 原因:

    2024年02月13日
    浏览(29)
  • 最近风靡前端圈的Oxlint会取代Eslint吗?

    大家好!今天我们要聊的是最近在前端开发界引起热烈讨论的一个话题:Oxlint,这个全新的前端代码检查工具,能否挑战长期占据主导地位的Eslint?基于Rust语言编写的Oxlint不仅在执行速度上大幅领先,而且自带零配置特性,大大降低了使用门槛,让我们一起深入了解。 在前

    2024年02月04日
    浏览(37)
  • vue3项目+TypeScript前端项目—— vue3搭建项目+eslint+husky

    今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范,需要使用preinstall来统一包管理工具。 下面我们就用这一套规范

    2024年02月22日
    浏览(42)
  • 前端使用JSON编辑器、java编辑器、浏览器中使用eslint

    一、vue3中使用Json 编辑器 二、react中使用(也可用在vue项目中)可用于java、js、json等 Monaco Editor 是一个浏览器端的代码编辑器,它是 VS Code 编辑器的核心部分,可以提供强大的代码编辑能力,它是 VSCode 的浏览器版本Monaco Editor 的特点包括: (1)支持多种编程语言 (2)支持

    2024年01月19日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包