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