我們實際開發的時候,經常會需要引入第三方開發的程式。有些並不能通過 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 指令碼可以拆分公共元...