前端技巧之ESLint忽略檢查行和文件總結(jié)
更新時(shí)間：2023年11月08日 15:34:31 作者：前端Outman
ESLint是一個(gè)流行的JavaScript代碼檢查工具,它可以幫助團(tuán)隊(duì)確保代碼質(zhì)量,避免常見的錯(cuò)誤和格式問題,這篇文章主要給大家介紹了關(guān)于前端技巧之ESLint忽略檢查行和文件的相關(guān)資料,需要的朋友可以參考下
一、注釋方式
1.注釋忽略 —— 塊注釋
/* eslint-disable */
console.log('test');
/* eslint-enable */
2.注釋忽略 —— 忽略指定規(guī)則項(xiàng)
/* eslint-disable no-alert, no-console */
alert('test');
console.log('test');
/* eslint-enable no-alert, no-console */
3.注釋忽略 —— 忽略整個(gè)文件
/* eslint-disable */
alert('test');
alert('test');
alert('test');
alert('test');
4.注釋忽略 —— 忽略整個(gè)文件中指定規(guī)則項(xiàng)
/* eslint-disable no-alert */
// Disables no-alert for the rest of the file
alert('test');
5.注釋忽略 —— 忽略當(dāng)前行
alert('test'); // eslint-disable-line
alert('test'); /* eslint-disable-line */6.注釋忽略 —— 忽略當(dāng)前行中指定規(guī)則項(xiàng)（多個(gè)規(guī)則項(xiàng)用逗號(hào)隔開）
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.注釋忽略 —— 忽略下一行中指定規(guī)則項(xiàng)（多個(gè)規(guī)則項(xiàng)用逗號(hào)隔開）
// eslint-disable-next-line no-alert, quotes
alert('test');
/* eslint-disable-next-line no-alert */
alert('test');二、.eslintignore方式（推薦）
在根目錄新建.eslintignore文件
1.忽略單個(gè)文件
test.js
2.忽略以.test.js結(jié)尾的文件
*.test.js
3.忽略某路徑下所有的文件
test/*
附：vue eslint語法檢查報(bào)錯(cuò)忽略
在vue項(xiàng)目中經(jīng)常遇到eslint語法檢查報(bào)錯(cuò)，多了個(gè)空格或者少了個(gè)符號(hào)都會(huì)報(bào)錯(cuò)，頁面也打不開，每次調(diào)試很麻煩。
解決辦法：
1、使用框架自帶的命令
npm run lint
使用命令自動(dòng)格式化這些語法錯(cuò)誤。
但這種方式非常不便捷。
2、使用eslint忽略語法錯(cuò)誤
建立文件.eslintignore，與src同級(jí)別。代碼如下
# 忽略build目錄下類型為js的文件的語法檢查 build/*.js # 忽略src/assets目錄下文件的語法檢查 src/assets # 忽略public目錄下文件的語法檢查 public # 忽略當(dāng)前目錄下為js的文件的語法檢查 *.js # 忽略當(dāng)前目錄下為vue的文件的語法檢查 *.vue
保存后重新啟動(dòng)項(xiàng)目即可。就不會(huì)有語法報(bào)錯(cuò)了。
總結(jié)
到此這篇關(guān)于前端技巧之ESLint忽略檢查行和文件的文章就介紹到這了,更多相關(guān)ESLint忽略檢查行和文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
原生js實(shí)現(xiàn)表格翻頁和跳轉(zhuǎn)
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)表格翻頁和跳轉(zhuǎn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript實(shí)現(xiàn)視頻轉(zhuǎn)GIF的示例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)視頻轉(zhuǎn)GIF,本文一共會(huì)按照以下三步去實(shí)現(xiàn)一個(gè)視頻轉(zhuǎn)?GIF?功能,解封裝視頻,從視頻文件中獲取視頻幀,解碼視頻幀,獲取幀圖像信息,拼裝幀圖像信息,生成?GIF,需要的朋友可以參考下2024-03-03
javascript模擬實(shí)現(xiàn)計(jì)算器
這篇文章主要為大家詳細(xì)介紹了javascript模擬實(shí)現(xiàn)計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
async、await是es7里面的新語法，async申明一個(gè)function是異步，而await等待一個(gè)異步方法執(zhí)行完成。替代promise中的then。async函數(shù)返回一個(gè)Promise對象，當(dāng)函數(shù)執(zhí)行的時(shí)候，一旦遇到await就會(huì)先返回，等到觸發(fā)的異步操作完成，再接著執(zhí)行函數(shù)體內(nèi)后面的語句。2023-01-01
JS實(shí)現(xiàn)點(diǎn)擊登錄彈出窗口同時(shí)背景色漸變動(dòng)畫效果
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊登錄彈出窗口同時(shí)背景色漸變動(dòng)畫效果,涉及JavaScript基于鼠標(biāo)事件及時(shí)間函數(shù)定時(shí)觸發(fā)形成漸變動(dòng)畫的相關(guān)技巧,需要的朋友可以參考下2016-03-03
在Postman的腳本中如何使用pm對象獲取接口的請求參數(shù)
這篇文章主要介紹了在Postman的腳本中如何使用pm對象獲取接口的請求參數(shù),本文通過實(shí)例代碼圖文相結(jié)合給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
chunks 的概念與 Webpack 的代碼分割（Code Splitting）功能密切相關(guān),通過 optimization.splitChunks 配置項(xiàng)可以實(shí)現(xiàn)對代碼塊的分類和優(yōu)化,下面給大家介紹webpack 中 chunks配置和使用詳解,感興趣的朋友一起看看吧2025-04-04
這篇文章主要介紹了在JS中刪除對象的某個(gè)屬性的幾種方案,分別是使用delete操作符、解構(gòu)賦值、Object.fromEntries()、Reflect.deleteProperty()以及如何在集合對象中應(yīng)用這些方法,需要的朋友可以參考下2025-03-03
JavaScript實(shí)現(xiàn)的Tween算法及緩沖特效實(shí)例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的Tween算法及緩沖特效,涉及JavaScript通過數(shù)學(xué)運(yùn)算及樣式屬性操作實(shí)現(xiàn)緩動(dòng)、彈性運(yùn)動(dòng)等效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
下面小編就為大家?guī)硪黄猨s修改onclick動(dòng)作的四種方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08