這篇文章主要介紹了eslint中三大通用規(guī)則的示例分析,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
專業(yè)領域包括網(wǎng)站建設、網(wǎng)站制作、商城網(wǎng)站建設、微信營銷、系統(tǒng)平臺開發(fā), 與其他網(wǎng)站設計及系統(tǒng)開發(fā)公司不同,創(chuàng)新互聯(lián)建站的整合解決方案結合了幫做網(wǎng)絡品牌建設經(jīng)驗和互聯(lián)網(wǎng)整合營銷的理念,并將策略和執(zhí)行緊密結合,為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。
安裝
可以全局安裝,也可以在項目下面安裝。 如下是在項目中安裝示例,只需要在 package.json 中添加如下配置,并進行安裝: >"eslint": "^4.11.0"
配置
配置方式有兩種,但建議使用文件配置的形式,比較獨立,便于維護。 使用文件配置的方式:在項目的根目錄下,新建一個名為 .eslintrc 的文件,在此文件中添加一些檢查規(guī)則。
文件配置方式
env:你的腳本將要運行在什么環(huán)境中
Environment可以預設好的其他環(huán)境的全局變量,如brower、node環(huán)境變量、es6環(huán)境變量、mocha環(huán)境變量等
'env': { 'browser': true, 'commonjs': true, 'es6': true },
globals:額外的全局變量
globals: { vue: true, wx: true },
rules:開啟規(guī)則和發(fā)生錯誤時報告的等級
規(guī)則的錯誤等級有三種:
0或'off':關閉規(guī)則。
1或'warn':打開規(guī)則,并且作為一個警告(并不會導致檢查不通過)。
2或'error':打開規(guī)則,并且作為一個錯誤 (退出碼為1,檢查不通過)。
參數(shù)說明:
參數(shù)1 : 錯誤等級
參數(shù)2 : 處理方式
配置代碼注釋方式
有時我們可能要在代碼中忽略eslint的某種檢查,或者加入某種特定檢查,此時我們可以用如下的方式:
示例:
忽略 no-undef 檢查/* eslint-disable no-undef */
忽略 no-new 檢查/* eslint-disable no-new */
設置檢查/*eslint eqeqeq: off*/ /*eslint eqeqeq: 0*/
eslint 檢查指令
檢查且修復eslint * --fix
檢查指定文件eslint app.js --fix
eslint官方提供了3種預安裝包:
1、eslint-config-google
Google標準
執(zhí)行安裝:
npm install eslint eslint-config-google -g
2、eslint-config-airbnb
Airbnb標準,它依賴eslint, eslint-plugin-import, eslint-plugin-react, and eslint-plugin-jsx-a11y等插件,并且對各個插件的版本有所要求。
你可以執(zhí)行以下命令查看所依賴的各個版本:
npm info "eslint-config-airbnb@latest" peerDependencies
你會看到以下輸出信息,包含每個了每個plugins的版本要求
{ eslint: '^3.15.0', 'eslint-plugin-jsx-a11y': '^3.0.2 || ^4.0.0', 'eslint-plugin-import': '^2.2.0', 'eslint-plugin-react': '^6.9.0' }
知道了每個plugins的版本要求后,代入以下命令執(zhí)行安裝即可使用:
npm install eslint-config-airbnb eslint@^#.#.# eslint-plugin-jsx-a11y@^#.#.# eslint-plugin-import@^#.#.# eslint-plugin-react@^#.#.# -g
3、eslint-config-standard
Standard標準,它是一些前端工程師自定的標準。
執(zhí)行安裝:
npm install eslint-config-standard eslint-plugin-standard eslint-plugin-promise -g
感謝你能夠認真閱讀完這篇文章,希望小編分享的“eslint中三大通用規(guī)則的示例分析”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關知識等著你來學習!
本文題目:eslint中三大通用規(guī)則的示例分析
當前路徑:http://www.muchs.cn/article28/jsoocp.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設計、企業(yè)網(wǎng)站制作、外貿(mào)建站、網(wǎng)站建設、企業(yè)建站、外貿(mào)網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)