1. 程式人生 > >Vue指定檔案不使用 ESLint 語法檢查

Vue指定檔案不使用 ESLint 語法檢查

轉載自: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');