前端技巧之ESLint忽略檢查行和文件總結(jié)
更新時間：2023年11月08日 15:34:31 作者：前端Outman
ESLint是一個流行的JavaScript代碼檢查工具,它可以幫助團(tuán)隊(duì)確保代碼質(zhì)量,避免常見的錯誤和格式問題,這篇文章主要給大家介紹了關(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.注釋忽略 —— 忽略整個文件
/* eslint-disable */
alert('test');
alert('test');
alert('test');
alert('test');
4.注釋忽略 —— 忽略整個文件中指定規(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)（多個規(guī)則項(xiàng)用逗號隔開）
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)（多個規(guī)則項(xiàng)用逗號隔開）
// 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結(jié)尾的文件
*.test.js
3.忽略某路徑下所有的文件
test/*
附：vue eslint語法檢查報錯忽略
在vue項(xiàng)目中經(jīng)常遇到eslint語法檢查報錯，多了個空格或者少了個符號都會報錯，頁面也打不開，每次調(diào)試很麻煩。
解決辦法：
1、使用框架自帶的命令
npm run lint
使用命令自動格式化這些語法錯誤。
但這種方式非常不便捷。
2、使用eslint忽略語法錯誤
建立文件.eslintignore，與src同級別。代碼如下
# 忽略build目錄下類型為js的文件的語法檢查 build/*.js # 忽略src/assets目錄下文件的語法檢查 src/assets # 忽略public目錄下文件的語法檢查 public # 忽略當(dāng)前目錄下為js的文件的語法檢查 *.js # 忽略當(dāng)前目錄下為vue的文件的語法檢查 *.vue
保存后重新啟動項(xiàng)目即可。就不會有語法報錯了。
總結(jié)
到此這篇關(guān)于前端技巧之ESLint忽略檢查行和文件的文章就介紹到這了,更多相關(guān)ESLint忽略檢查行和文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
移動端a標(biāo)簽下載文件重命名(download)不生效解決辦法
在移動端使用a標(biāo)簽下載文件時,文件重命名可能不生效,尤其是在APP內(nèi)嵌頁面中,這通常是因?yàn)榭缬騿栴}導(dǎo)致的,文中將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
?javascript數(shù)組中的findIndex方法?
這篇文章主要介紹了javascript數(shù)組中的findIndex方法，findIndex()?方法返回傳入一個測試條件函數(shù)符合條件的數(shù)組第一個元素位置，下面更多相關(guān)資料，需要的小伙伴可以參考一下2022-03-03
Bootstrap編寫一個在當(dāng)前網(wǎng)頁彈出可關(guān)閉的對話框 非彈窗
這篇文章主要介紹了Bootstrap編寫一個在當(dāng)前網(wǎng)頁彈出可關(guān)閉的對話框，不用跳轉(zhuǎn)，非彈窗，感興趣的小伙伴們可以參考一下2016-06-06
下面小編就為大家?guī)硪黄钊肫饰鰆avascript中的exec與match方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
uni-app實(shí)現(xiàn)全局變量的方式小結(jié)
uni-app是一個使用 Vue.js 開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到 iOS、Android、Web（響應(yīng)式）、以及各種 小程序,下面我們就來看看uni-app實(shí)現(xiàn)全局變量有哪些方法吧2024-12-12
這篇文章主要介紹了javascript彈出頁面回傳值的方法,實(shí)例分析了由a1.html彈出的b1.html回傳值的實(shí)現(xiàn)方法,非常具有實(shí)用價值,需要的朋友可以參考下2015-01-01
ts封裝axios并處理返回值的實(shí)戰(zhàn)案例
在vue項(xiàng)目中,和后臺交互獲取數(shù)據(jù)這塊,我們通常使用的是axios庫,下面這篇文章主要給大家介紹了關(guān)于ts封裝axios并處理返回值的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
Javascript模板技術(shù)...2007-04-04
JavaScript實(shí)現(xiàn)檢查頁面上的廣告是否被AdBlock屏蔽了的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)檢查頁面上的廣告是否被AdBlock屏蔽了的方法,其實(shí)就是利用JS檢測div的名稱和樣式名稱實(shí)現(xiàn),需要的朋友可以參考下2014-11-11
這篇文章主要介紹了JS操作Fckeditor的一些常用方法，主要包括獲取、插入等,需要的朋友可以參考下2020-02-02