Vue指定檔案不使用 ESLint 語法檢查
阿新 • • 發佈:2019-01-23
轉載自:http://www.rxshc.com/131.html
我們實際開發的時候,經常會需要引入第三方開發的程式。有些並不能通過 npm 去安裝,只能手動的把檔案放入專案。而這些專案實際開發的時候並沒有遵循嚴格的ESLint語法。這時候就需要我們手動的去配置ESLint了
開發Vue專案的時候如果開啟了 ESLint
語法檢查,那麼就必須遵循嚴格的語法。比如不能有分號,括號都必須有空格隔開等等。
之前就有寫過一篇:入門 Vue.js會碰到的常見問題
需求
我們實際開發的時候,經常會需要引入第三方開發的程式。有些並不能通過 npm 去安裝,只能手動的把檔案放入專案。而這些專案實際開發的時候並沒有遵循嚴格的ESLint
ESLint
了。使用
ESLint
是被設計的完全可配置的,可以開關每一條規則,也可以自定義規則。這裡不詳細解釋各個規則的配置方法,只介紹一個簡單實用對指定檔案不使用ESLint
語法檢查的方法。
整個檔案範圍內禁止規則出現警告
將/* eslint-disable */
放置於檔案最頂部
/* eslint-disable */
alert('foo');
在檔案中臨時禁止規則出現警告
將需要忽略的程式碼塊用註釋包裹起來
/* eslint-disable */
alert('foo');
/* eslint-enable */
對指定規則的啟用或者禁用警告
將需要忽略的程式碼塊用註釋包裹起來
/* eslint-disable no-alert, no-console */
alert('foo');
console.log('bar');
/* eslint-enable no-alert, no-console */
對指定行禁用規則警告
此方法,有兩種形式,參見下方。
alert('foo'); // eslint-disable-line
// eslint-disable-next-line
alert('foo');
在指定行上禁用指定的某個規則
alert('foo'); // eslint-disable-line no-alert // eslint-disable-next-line no-alert alert('foo');
在某個特定的行上禁用多個規則
alert('foo'); // eslint-disable-line no-alert, quotes, semi
// eslint-disable-next-line no-alert, quotes, semi
alert('foo');