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

2021-08-21 07:10:05 字數 1370 閱讀 9641

我們實際開發的時候,經常會需要引入第三方開發的程式。有些並不能通過 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');

不使用匯入js檔案

方法一 原生 adc.js var hello h9 html.html 方法二 jquery.js getscript abc.js function 方法三 require.js 訪問密碼 ea9b require.js分享2.1.1版本 index.html main.js console.l...

不使用腳手架的 vue 應用

開發乙個 parcel vue 腳手架工具,工作中的專案不止有頁面繁多的模組化專案,還會只有一兩個頁面的類似於填寫資訊參與活動的活動頁。這個時候,就可以回歸以前的三劍客模式,在 index.html 裡引用 vue.js 進行開發。引入 babel polyfill 以轉換 es6 的 需要作為第乙...

不使用腳手架的 vue 應用

工作中的專案不止有頁面繁多的模組化專案,還會只有一兩個頁面的類似於填寫資訊參與活動的活動頁。這個時候,就可以回歸以前的三劍客模式,在 index.html 裡引用 vue.js 進行開發。引入 babel polyfill 以轉換 es6 的 需要作為第乙個引入的 script 指令碼可以拆分公共元...