欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

eslint 的三大通用規(guī)則詳解

 更新時間:2019年05月16日 09:13:26   作者:弓弧名家_玄真君  
這篇文章主要介紹了eslint 的三大通用規(guī)則詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

安裝

可以全局安裝,也可以在項目下面安裝。 如下是在項目中安裝示例,只需要在 package.json 中添加如下配置,并進行安裝: >"eslint": "^4.11.0"

配置

配置方式有兩種,但建議使用文件配置的形式,比較獨立,便于維護。 使用文件配置的方式:在項目的根目錄下,新建一個名為 .eslintrc 的文件,在此文件中添加一些檢查規(guī)則。

文件配置方式

env:你的腳本將要運行在什么環(huán)境中

Environment可以預設(shè)好的其他環(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ān)閉規(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 */

設(shè)置檢查
/*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

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論