摘要:每一個(gè)規(guī)則都是一個(gè)插件并且你可以在運(yùn)行時(shí)添加更多的規(guī)則。強(qiáng)制回調(diào)函數(shù)最大嵌套深度層
因?yàn)榍皫滋彀l(fā)現(xiàn) CSDN上有直接把我文章 復(fù)制過去然后標(biāo)原創(chuàng)的情況,以后會統(tǒng)一在博客頭部加入原文鏈接~
本文個(gè)人博客原址
在很久之前就想通過工具來規(guī)范自己的代碼風(fēng)格,減少程序出錯(cuò)的概率,如果看過我的一個(gè)前端程序猿的Sublime Text3的自我修養(yǎng),這篇博客的朋友,肯定知道在當(dāng)時(shí)我使用SublimeLinter-jshint插件來規(guī)范風(fēng)格,但是實(shí)際上一直懶癌發(fā)作也沒去看它的文檔,使用著它默認(rèn)的規(guī)則。不過現(xiàn)在是時(shí)候切換到 ESLint 了!
作為一個(gè)有理想有抱負(fù)的前端工程師,只是使用默認(rèn)規(guī)則,而不是看完文檔了然于心,顯然是不行滴 ^_^.. 團(tuán)隊(duì)協(xié)作時(shí),若是團(tuán)隊(duì)的代碼風(fēng)格統(tǒng)一,能夠大大減少溝通成本。(其實(shí)面試時(shí)和老大聊到代碼規(guī)范,當(dāng)時(shí)就說到用 JSHint ,或者 ESLint 等工具來統(tǒng)一的。。。這也算是我來填一個(gè)坑吧~)
好了,前情摘要就到這,我們開始吧!
什么是 ESLint ?ESLint 是在 ECMAScript/JavaScript 代碼中識別和報(bào)告模式匹配的工具,它的目標(biāo)是保證代碼的一致性和避免錯(cuò)誤。在許多方面,它和 JSLint、JSHint 相似,除了少數(shù)的例外:
ESLint 使用 Espree 解析 JavaScript。
ESLint 使用 AST 去分析代碼中的模式
ESLint 是完全插件化的。每一個(gè)規(guī)則都是一個(gè)插件并且你可以在運(yùn)行時(shí)添加更多的規(guī)則。
以上來自官網(wǎng)。不想再說下去,反正就是一個(gè)代碼風(fēng)格檢測工具就對了
如何使用
安裝
npm install -g eslint
如果你第一次使用 ESLint,你必須使用 --init 命令新建一個(gè)配置文件:
eslint --init
使用 ESLint 檢測任何 JavaScript 文件:
eslint test.js test2.js
ESLint 中一些規(guī)則運(yùn)行命令它可以幫你自動修復(fù)
eslint test.js --fix
為了可以更直觀的反饋,可能更多的會直接安裝編輯器插件來進(jìn)行錯(cuò)誤提示,以Sublime 為例:
在 package control 中 ,先安裝在 SublimeLinter ,再安裝 SublimeLinter-contrib-eslint 在項(xiàng)目目錄下新建 .eslintrc 文件,自定義規(guī)則。
重新載入文件應(yīng)該就生效了(不生效的話 Ctrl+Shift+P 調(diào)用命令面板 找到sublimelinter: toggle linter 設(shè)置生效就好了),其他的編輯器異曲同工,就不再說了。
關(guān)于在如何在構(gòu)建工具中使用,在這里不做說明(官網(wǎng)有)
規(guī)則定義ESLint 支持幾種格式的配置文件,如果同一個(gè)目錄下有多個(gè)配置文件,ESLint 只會使用一個(gè)。優(yōu)先級順序如下:
JavaScript - 使用 .eslintrc.js 然后輸出一個(gè)配置對象。
YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定義配置的結(jié)構(gòu)。
JSON -使用 .eslintrc.json 去定義配置的結(jié)構(gòu),ESLint 的 JSON 文件允許 JavaScript 風(fēng)格的注釋。
Deprecated -使用 .eslintrc,可以使 JSON 也可以是 YAML。
package.json - 在 package.json 里創(chuàng)建一個(gè) eslintConfig屬性,在那里定義你的配置。
下面就是規(guī)則啦,本人使用了.eslintrc格式,說明也在里面:
{ // 環(huán)境定義了預(yù)定義的全局變量。 "env": { //環(huán)境定義了預(yù)定義的全局變量。更多在官網(wǎng)查看 "browser": true, "node": true, "commonjs": true, "amd": true, "es6":true, "mocha":true }, // JavaScript 語言選項(xiàng) "parserOptions": { // ECMAScript 版本 "ecmaVersion": 6, "sourceType": "script",//module // 想使用的額外的語言特性: "ecmaFeatures": { // 允許在全局作用域下使用 return 語句 "globalReturn":true, // impliedStric "impliedStrict":true, // 啟用 JSX "jsx":true } }, /** * "off" 或 0 - 關(guān)閉規(guī)則 * "warn" 或 1 - 開啟規(guī)則,使用警告級別的錯(cuò)誤:warn (不會導(dǎo)致程序退出), * "error" 或 2 - 開啟規(guī)則,使用錯(cuò)誤級別的錯(cuò)誤:error (當(dāng)被觸發(fā)的時(shí)候,程序會退出) */ "rules": { //////////////// // 可能的錯(cuò)誤 // //////////////// // 禁止條件表達(dá)式中出現(xiàn)賦值操作符 "no-cond-assign": 2, // 禁用 console "no-console": 0, // 禁止在條件中使用常量表達(dá)式 // if (false) { // doSomethingUnfinished(); // } //cuowu "no-constant-condition": 2, // 禁止在正則表達(dá)式中使用控制字符 :new RegExp("x1f") "no-control-regex": 2, // 數(shù)組和對象鍵值對最后一個(gè)逗號, never參數(shù):不能帶末尾的逗號, always參數(shù):必須帶末尾的逗號, // always-multiline:多行模式必須帶逗號,單行模式不能帶逗號 "comma-dangle": [1, "always-multiline"], // 禁用 debugger "no-debugger": 2, // 禁止 function 定義中出現(xiàn)重名參數(shù) "no-dupe-args": 2, // 禁止對象字面量中出現(xiàn)重復(fù)的 key "no-dupe-keys": 2, // 禁止重復(fù)的 case 標(biāo)簽 "no-duplicate-case": 2, // 禁止空語句塊 "no-empty": 2, // 禁止在正則表達(dá)式中使用空字符集 (/^abc[]/) "no-empty-character-class": 2, // 禁止對 catch 子句的參數(shù)重新賦值 "no-ex-assign": 2, // 禁止不必要的布爾轉(zhuǎn)換 "no-extra-boolean-cast": 2, // 禁止不必要的括號 //(a * b) + c;//報(bào)錯(cuò) "no-extra-parens": 0, // 禁止不必要的分號 "no-extra-semi": 2, // 禁止對 function 聲明重新賦值 "no-func-assign": 2, // 禁止在嵌套的塊中出現(xiàn) function 或 var 聲明 "no-inner-declarations": [2, "functions"], // 禁止 RegExp 構(gòu)造函數(shù)中無效的正則表達(dá)式字符串 "no-invalid-regexp": 2, // 禁止在字符串和注釋之外不規(guī)則的空白 "no-irregular-whitespace": 2, // 禁止在 in 表達(dá)式中出現(xiàn)否定的左操作數(shù) "no-negated-in-lhs": 2, // 禁止把全局對象 (Math 和 JSON) 作為函數(shù)調(diào)用 錯(cuò)誤:var math = Math(); "no-obj-calls": 2, // 禁止直接使用 Object.prototypes 的內(nèi)置屬性 "no-prototype-builtins":0, // 禁止正則表達(dá)式字面量中出現(xiàn)多個(gè)空格 "no-regex-spaces": 2, // 禁用稀疏數(shù)組 "no-sparse-arrays": 2, // 禁止出現(xiàn)令人困惑的多行表達(dá)式 "no-unexpected-multiline": 2, // 禁止在return、throw、continue 和 break語句之后出現(xiàn)不可達(dá)代碼 /* function foo() { return true; console.log("done"); }//錯(cuò)誤 */ "no-unreachable": 2, // 要求使用 isNaN() 檢查 NaN "use-isnan": 2, // 強(qiáng)制使用有效的 JSDoc 注釋 "valid-jsdoc": 1, // 強(qiáng)制 typeof 表達(dá)式與有效的字符串進(jìn)行比較 // typeof foo === "undefimed" 錯(cuò)誤 "valid-typeof": 2, ////////////// // 最佳實(shí)踐 // ////////////// // 定義對象的set存取器屬性時(shí),強(qiáng)制定義get "accessor-pairs": 2, // 強(qiáng)制數(shù)組方法的回調(diào)函數(shù)中有 return 語句 "array-callback-return":0, // 強(qiáng)制把變量的使用限制在其定義的作用域范圍內(nèi) "block-scoped-var": 0, // 限制圈復(fù)雜度,也就是類似if else能連續(xù)接多少個(gè) "complexity": [2, 9], // 要求 return 語句要么總是指定返回的值,要么不指定 "consistent-return": 0, // 強(qiáng)制所有控制語句使用一致的括號風(fēng)格 "curly": [2, "all"], // switch 語句強(qiáng)制 default 分支,也可添加 // no default 注釋取消此次警告 "default-case": 2, // 強(qiáng)制object.key 中 . 的位置,參數(shù): // property,"."號應(yīng)與屬性在同一行 // object, "." 號應(yīng)與對象名在同一行 "dot-location": [2, "property"], // 強(qiáng)制使用.號取屬性 // 參數(shù): allowKeywords:true 使用保留字做屬性名時(shí),只能使用.方式取屬性 // false 使用保留字做屬性名時(shí), 只能使用[]方式取屬性 e.g [2, {"allowKeywords": false}] // allowPattern: 當(dāng)屬性名匹配提供的正則表達(dá)式時(shí),允許使用[]方式取值,否則只能用.號取值 e.g [2, {"allowPattern": "^[a-z]+(_[a-z]+)+$"}] "dot-notation": [2, { "allowKeywords": false }], // 使用 === 替代 == allow-null允許null和undefined== "eqeqeq": [2, "allow-null"], // 要求 for-in 循環(huán)中有一個(gè) if 語句 "guard-for-in": 2, // 禁用 alert、confirm 和 prompt "no-alert": 0, // 禁用 arguments.caller 或 arguments.callee "no-caller": 2, // 不允許在 case 子句中使用詞法聲明 "no-case-declarations":2, // 禁止除法操作符顯式的出現(xiàn)在正則表達(dá)式開始的位置 "no-div-regex": 2, // 禁止 if 語句中有 return 之后有 else "no-else-return": 0, // 禁止出現(xiàn)空函數(shù).如果一個(gè)函數(shù)包含了一條注釋,它將不會被認(rèn)為有問題。 "no-empty-function":2, // 禁止使用空解構(gòu)模式no-empty-pattern "no-empty-pattern":2, // 禁止在沒有類型檢查操作符的情況下與 null 進(jìn)行比較 "no-eq-null": 1, // 禁用 eval() "no-eval": 2, // 禁止擴(kuò)展原生類型 "no-extend-native": 2, // 禁止不必要的 .bind() 調(diào)用 "no-extra-bind": 2, // 禁用不必要的標(biāo)簽 "no-extra-label:":0, // 禁止 case 語句落空 "no-fallthrough": 2, // 禁止數(shù)字字面量中使用前導(dǎo)和末尾小數(shù)點(diǎn) "no-floating-decimal": 2, // 禁止使用短符號進(jìn)行類型轉(zhuǎn)換(!!fOO) "no-implicit-coercion":0, // 禁止在全局范圍內(nèi)使用 var 和命名的 function 聲明 "no-implicit-globals":1, // 禁止使用類似 eval() 的方法 "no-implied-eval": 2, // 禁止 this 關(guān)鍵字出現(xiàn)在類和類對象之外 "no-invalid-this":0, // 禁用 __iterator__ 屬性 "no-iterator": 2, // 禁用標(biāo)簽語句 "no-labels": 2, // 禁用不必要的嵌套塊 "no-lone-blocks": 2, // 禁止在循環(huán)中出現(xiàn) function 聲明和表達(dá)式 "no-loop-func":1, // 禁用魔術(shù)數(shù)字(3.14什么的用常量代替) "no-magic-numbers":[1,{ "ignore": [0,-1,1] }], // 禁止使用多個(gè)空格 "no-multi-spaces": 2, // 禁止使用多行字符串,在 JavaScript 中,可以在新行之前使用斜線創(chuàng)建多行字符串 "no-multi-str": 2, // 禁止對原生對象賦值 "no-native-reassign": 2, // 禁止在非賦值或條件語句中使用 new 操作符 "no-new": 2, // 禁止對 Function 對象使用 new 操作符 "no-new-func": 0, // 禁止對 String,Number 和 Boolean 使用 new 操作符 "no-new-wrappers": 2, // 禁用八進(jìn)制字面量 "no-octal": 2, // 禁止在字符串中使用八進(jìn)制轉(zhuǎn)義序列 "no-octal-escape": 2, // 不允許對 function 的參數(shù)進(jìn)行重新賦值 "no-param-reassign": 0, // 禁用 __proto__ 屬性 "no-proto": 2, // 禁止使用 var 多次聲明同一變量 "no-redeclare": 2, // 禁用指定的通過 require 加載的模塊 "no-return-assign": 0, // 禁止使用 javascript: url "no-script-url": 0, // 禁止自我賦值 "no-self-assign":2, // 禁止自身比較 "no-self-compare": 2, // 禁用逗號操作符 "no-sequences": 2, // 禁止拋出非異常字面量 "no-throw-literal": 2, // 禁用一成不變的循環(huán)條件 "no-unmodified-loop-condition":2, // 禁止出現(xiàn)未使用過的表達(dá)式 "no-unused-expressions": 0, // 禁用未使用過的標(biāo)簽 "no-unused-labels":2, // 禁止不必要的 .call() 和 .apply() "no-useless-call":2, // 禁止不必要的字符串字面量或模板字面量的連接 "no-useless-concat":2, // 禁用不必要的轉(zhuǎn)義字符 "no-useless-escape":0, // 禁用 void 操作符 "no-void": 0, // 禁止在注釋中使用特定的警告術(shù)語 "no-warning-comments": 0, // 禁用 with 語句 "no-with": 2, // 強(qiáng)制在parseInt()使用基數(shù)參數(shù) "radix": 2, // 要求所有的 var 聲明出現(xiàn)在它們所在的作用域頂部 "vars-on-top": 0, // 要求 IIFE 使用括號括起來 "wrap-iife": [2, "any"], // 要求或禁止 “Yoda” 條件 "yoda": [2, "never"], // 要求或禁止使用嚴(yán)格模式指令 "strict": 0, ////////////// // 變量聲明 // ////////////// // 要求或禁止 var 聲明中的初始化(初值) "init-declarations":0, // 不允許 catch 子句的參數(shù)與外層作用域中的變量同名 "no-catch-shadow": 0, // 禁止刪除變量 "no-delete-var": 2, // 不允許標(biāo)簽與變量同名 "no-label-var": 2, // 禁用特定的全局變量 "no-restricted-globals":0, // 禁止 var 聲明 與外層作用域的變量同名 "no-shadow": 0, // 禁止覆蓋受限制的標(biāo)識符 "no-shadow-restricted-names": 2, // 禁用未聲明的變量,除非它們在 /*global */ 注釋中被提到 "no-undef": 2, // 禁止將變量初始化為 undefined "no-undef-init": 2, // 禁止將 undefined 作為標(biāo)識符 "no-undefined": 0, // 禁止出現(xiàn)未使用過的變量 "no-unused-vars": [2, { "vars": "all", "args": "none" }], // 不允許在變量定義之前使用它們 "no-use-before-define": 0, ////////////////////////// // Node.js and CommonJS // ////////////////////////// // require return statements after callbacks "callback-return":0, // 要求 require() 出現(xiàn)在頂層模塊作用域中 "global-require": 1, // 要求回調(diào)函數(shù)中有容錯(cuò)處理 "handle-callback-err": [2, "^(err|error)$"], // 禁止混合常規(guī) var 聲明和 require 調(diào)用 "no-mixed-requires": 0, // 禁止調(diào)用 require 時(shí)使用 new 操作符 "no-new-require": 2, // 禁止對 __dirname 和 __filename進(jìn)行字符串連接 "no-path-concat": 0, // 禁用 process.env "no-process-env": 0, // 禁用 process.exit() "no-process-exit": 0, // 禁用同步方法 "no-sync": 0, ////////////// // 風(fēng)格指南 // ////////////// // 指定數(shù)組的元素之間要以空格隔開(, 后面), never參數(shù):[ 之前和 ] 之后不能帶空格,always參數(shù):[ 之前和 ] 之后必須帶空格 "array-bracket-spacing": [2, "never"], // 禁止或強(qiáng)制在單行代碼塊中使用空格(禁用) "block-spacing":[1,"never"], //強(qiáng)制使用一致的縮進(jìn) 第二個(gè)參數(shù)為 "tab" 時(shí),會使用tab, // if while function 后面的{必須與if在同一行,java風(fēng)格。 "brace-style": [2, "1tbs", { "allowSingleLine": true }], // 雙峰駝命名格式 "camelcase": 2, // 控制逗號前后的空格 "comma-spacing": [2, { "before": false, "after": true }], // 控制逗號在行尾出現(xiàn)還是在行首出現(xiàn) (默認(rèn)行尾) // http://eslint.org/docs/rules/comma-style "comma-style": [2, "last"], //"SwitchCase" (默認(rèn):0) 強(qiáng)制 switch 語句中的 case 子句的縮進(jìn)水平 // 以方括號取對象屬性時(shí),[ 后面和 ] 前面是否需要空格, 可選參數(shù) never, always "computed-property-spacing": [2, "never"], // 用于指統(tǒng)一在回調(diào)函數(shù)中指向this的變量名,箭頭函數(shù)中的this已經(jīng)可以指向外層調(diào)用者,應(yīng)該沒卵用了 // e.g [0,"that"] 指定只能 var that = this. that不能指向其他任何值,this也不能賦值給that以外的其他值 "consistent-this": [1,"that"], // 強(qiáng)制使用命名的 function 表達(dá)式 "func-names": 0, // 文件末尾強(qiáng)制換行 "eol-last": 2, "indent": [2, 4, { "SwitchCase": 1 }], // 強(qiáng)制在對象字面量的屬性中鍵和值之間使用一致的間距 "key-spacing": [2, { "beforeColon": false, "afterColon": true }], // 強(qiáng)制使用一致的換行風(fēng)格 "linebreak-style": [1,"unix"], // 要求在注釋周圍有空行 ( 要求在塊級注釋之前有一空行) "lines-around-comment": [1,{"beforeBlockComment":true}], // 強(qiáng)制一致地使用函數(shù)聲明或函數(shù)表達(dá)式,方法定義風(fēng)格,參數(shù): // declaration: 強(qiáng)制使用方法聲明的方式,function f(){} e.g [2, "declaration"] // expression:強(qiáng)制使用方法表達(dá)式的方式,var f = function() {} e.g [2, "expression"] // allowArrowFunctions: declaration風(fēng)格中允許箭頭函數(shù)。 e.g [2, "declaration", { "allowArrowFunctions": true }] "func-style": 0, // 強(qiáng)制回調(diào)函數(shù)最大嵌套深度 5層 "max-nested-callbacks": [1,5], // 禁止使用指定的標(biāo)識符 "id-blacklist":0, // 強(qiáng)制標(biāo)識符的最新和最大長度 "id-length":0, // 要求標(biāo)識符匹配一個(gè)指定的正則表達(dá)式 "id-match":0, // 強(qiáng)制在 JSX 屬性中一致地使用雙引號或單引號 "jsx-quotes":0, // 強(qiáng)制在關(guān)鍵字前后使用一致的空格 (前后腰需要) "keyword-spacing":2, // 強(qiáng)制一行的最大長度 "max-len":[1,200], // 強(qiáng)制最大行數(shù) "max-lines":0, // 強(qiáng)制 function 定義中最多允許的參數(shù)數(shù)量 "max-params":[1,7], // 強(qiáng)制 function 塊最多允許的的語句數(shù)量 "max-statements":[1,200], // 強(qiáng)制每一行中所允許的最大語句數(shù)量 "max-statements-per-line":0, // 要求構(gòu)造函數(shù)首字母大寫 (要求調(diào)用 new 操作符時(shí)有首字母大小的函數(shù),允許調(diào)用首字母大寫的函數(shù)時(shí)沒有 new 操作符。) "new-cap": [2, { "newIsCap": true, "capIsNew": false }], // 要求調(diào)用無參構(gòu)造函數(shù)時(shí)有圓括號 "new-parens": 2, // 要求或禁止 var 聲明語句后有一行空行 "newline-after-var": 0, // 禁止使用 Array 構(gòu)造函數(shù) "no-array-constructor": 2, // 禁用按位運(yùn)算符 "no-bitwise":0, // 要求 return 語句之前有一空行 "newline-before-return":0, // 要求方法鏈中每個(gè)調(diào)用都有一個(gè)換行符 "newline-per-chained-call":1, // 禁用 continue 語句 "no-continue": 0, // 禁止在代碼行后使用內(nèi)聯(lián)注釋 "no-inline-comments": 0, // 禁止 if 作為唯一的語句出現(xiàn)在 else 語句中 "no-lonely-if": 0, // 禁止混合使用不同的操作符 "no-mixed-operators":0, // 不允許空格和 tab 混合縮進(jìn) "no-mixed-spaces-and-tabs": 2, // 不允許多個(gè)空行 "no-multiple-empty-lines": [2, { "max": 2 }], // 不允許否定的表達(dá)式 "no-negated-condition":0, // 不允許使用嵌套的三元表達(dá)式 "no-nested-ternary": 0, // 禁止使用 Object 的構(gòu)造函數(shù) "no-new-object": 2, // 禁止使用一元操作符 ++ 和 -- "no-plusplus":0, // 禁止使用特定的語法 "no-restricted-syntax":0, // 禁止 function 標(biāo)識符和括號之間出現(xiàn)空格 "no-spaced-func": 2, // 不允許使用三元操作符 "no-ternary": 0, // 禁用行尾空格 "no-trailing-spaces": 2, // 禁止標(biāo)識符中有懸空下劃線_bar "no-underscore-dangle": 0, // 禁止可以在有更簡單的可替代的表達(dá)式時(shí)使用三元操作符 "no-unneeded-ternary": 2, // 禁止屬性前有空白 "no-whitespace-before-property":0, // 強(qiáng)制花括號內(nèi)換行符的一致性 "object-curly-newline":0, // 強(qiáng)制在花括號中使用一致的空格 "object-curly-spacing": 0, // 強(qiáng)制將對象的屬性放在不同的行上 "object-property-newline":0, // 強(qiáng)制函數(shù)中的變量要么一起聲明要么分開聲明 "one-var": [2, { "initialized": "never" }], // 要求或禁止在 var 聲明周圍換行 "one-var-declaration-per-line":0, // 要求或禁止在可能的情況下要求使用簡化的賦值操作符 "operator-assignment": 0, // 強(qiáng)制操作符使用一致的換行符 "operator-linebreak": [2, "after", { "overrides": { "?": "before", ":": "before" } }], // 要求或禁止塊內(nèi)填充 "padded-blocks": 0, // 要求對象字面量屬性名稱用引號括起來 "quote-props": 0, // 強(qiáng)制使用一致的反勾號、雙引號或單引號 "quotes": [2, "single", "avoid-escape"], // 要求使用 JSDoc 注釋 "require-jsdoc":1, // 要求或禁止使用分號而不是 ASI(這個(gè)才是控制行尾部分號的,) "semi": [2, "always"], // 強(qiáng)制分號之前和之后使用一致的空格 "semi-spacing": 0, // 要求同一個(gè)聲明塊中的變量按順序排列 "sort-vars": 0, // 強(qiáng)制在塊之前使用一致的空格 "space-before-blocks": [2, "always"], // 強(qiáng)制在 function的左括號之前使用一致的空格 "space-before-function-paren": [2, "always"], // 強(qiáng)制在圓括號內(nèi)使用一致的空格 "space-in-parens": [2, "never"], // 要求操作符周圍有空格 "space-infix-ops": 2, // 強(qiáng)制在一元操作符前后使用一致的空格 "space-unary-ops": [2, { "words": true, "nonwords": false }], // 強(qiáng)制在注釋中 // 或 /* 使用一致的空格 "spaced-comment": [2, "always", { "markers": ["global", "globals", "eslint", "eslint-disable", "*package", "!"] }], // 要求或禁止 Unicode BOM "unicode-bom": 0, // 要求正則表達(dá)式被括號括起來 "wrap-regex": 0, ////////////// // ES6.相關(guān) // ////////////// // 要求箭頭函數(shù)體使用大括號 "arrow-body-style": 2, // 要求箭頭函數(shù)的參數(shù)使用圓括號 "arrow-parens": 2, "arrow-spacing":[2,{ "before": true, "after": true }], // 強(qiáng)制在子類構(gòu)造函數(shù)中用super()調(diào)用父類構(gòu)造函數(shù),TypeScrip的編譯器也會提示 "constructor-super": 0, // 強(qiáng)制 generator 函數(shù)中 * 號周圍使用一致的空格 "generator-star-spacing": [2, { "before": true, "after": true }], // 禁止修改類聲明的變量 "no-class-assign":2, // 不允許箭頭功能,在那里他們可以混淆的比較 "no-confusing-arrow":0, // 禁止修改 const 聲明的變量 "no-const-assign":2, // 禁止類成員中出現(xiàn)重復(fù)的名稱 "no-dupe-class-members":2, // 不允許復(fù)制模塊的進(jìn)口 "no-duplicate-imports":0, // 禁止 Symbol 的構(gòu)造函數(shù) "no-new-symbol":2, // 允許指定模塊加載時(shí)的進(jìn)口 "no-restricted-imports":0, // 禁止在構(gòu)造函數(shù)中,在調(diào)用 super() 之前使用 this 或 super "no-this-before-super": 2, // 禁止不必要的計(jì)算性能鍵對象的文字 "no-useless-computed-key":0, // 要求使用 let 或 const 而不是 var "no-var": 0, // 要求或禁止對象字面量中方法和屬性使用簡寫語法 "object-shorthand": 0, // 要求使用箭頭函數(shù)作為回調(diào) "prefer-arrow-callback":0, // 要求使用 const 聲明那些聲明后不再被修改的變量 "prefer-const": 0, // 要求在合適的地方使用 Reflect 方法 "prefer-reflect":0, // 要求使用擴(kuò)展運(yùn)算符而非 .apply() "prefer-spread":0, // 要求使用模板字面量而非字符串連接 "prefer-template":0, // Suggest using the rest parameters instead of arguments "prefer-rest-params":0, // 要求generator 函數(shù)內(nèi)有 yield "require-yield":0, // enforce spacing between rest and spread operators and their expressions "rest-spread-spacing":0, // 強(qiáng)制模塊內(nèi)的 import 排序 "sort-imports":0, // 要求或禁止模板字符串中的嵌入表達(dá)式周圍空格的使用 "template-curly-spacing":1, // 強(qiáng)制在 yield* 表達(dá)式中 * 周圍使用空格 "yield-star-spacing":2 } }
更多內(nèi)容,以及每一項(xiàng)的配置詳情可以在 官網(wǎng)查看
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/90893.html
摘要:配置規(guī)則在文件中添加代碼如下和是中規(guī)則的名稱。安裝,命令如下這個(gè)插件將會提醒模塊腳本之間模擬瀏覽器共享全局變量的行為,因?yàn)檫@不適用于模塊腳本。而用編譯后的代碼使用這款解析器可以避免不必要的麻煩。 webpack中eslint使用 首先,要使webpack支持eslint,就要要安裝 eslint-loader ,命令如下: npm install --save-dev eslint-l...
導(dǎo)語: 隨著業(yè)務(wù)的增長和開發(fā)團(tuán)隊(duì)的成員快速增加,其中很多新人來自于五湖四海各大門派,在編碼的風(fēng)格和習(xí)慣中也出現(xiàn)各異。 通常在相互 codereview 時(shí)發(fā)現(xiàn)很多代碼上的問題,久而久之代碼出現(xiàn)了代碼難以維護(hù)的問題,甚至還會出現(xiàn)低級錯(cuò)誤。 因此,我嘗試在前端代碼質(zhì)量的管控上做了些探索,也總結(jié)了一些經(jīng)驗(yàn)分享給大家。 作者:鄭振波 本文大綱介紹 編碼規(guī)范 冗余文件與代碼 1. 編碼規(guī)范 在一些老項(xiàng)...
摘要:形成良好統(tǒng)一的代碼規(guī)范,有利于提高代碼的可讀性,減少潛在的錯(cuò)誤,便于團(tuán)隊(duì)協(xié)作開發(fā)。其中是可選的,如果沒有則禁用所有規(guī)則,如果有則禁用所有規(guī)則。也可以定義一個(gè)命令同時(shí)運(yùn)行這兩個(gè)命令,我在這里使用了我們定義了在鉤子觸發(fā)時(shí)會執(zhí)行命令。 形成良好統(tǒng)一的代碼規(guī)范,有利于提高代碼的可讀性,減少潛在的錯(cuò)誤,便于團(tuán)隊(duì)協(xié)作開發(fā)。本文簡單介紹JS、CSS、 Git Commit 的規(guī)范工具及用法。 Lin...
摘要:是一種用于識別代碼格式錯(cuò)誤的工具,目的是使代碼更加規(guī)范和一致并避免錯(cuò)誤。但是它本身并沒有代碼檢查的功能,需要借助這樣的特定語言檢查支持。安裝以后修改配置文件。 問題描述 使用vue-cli來構(gòu)建Vuejs應(yīng)用的項(xiàng)目中默認(rèn)安裝了eslint-loader模塊,eslint-loader模塊是目前相對比較流行的代碼檢測工具,可以檢測書寫的代碼是否符合統(tǒng)一規(guī)范,可以在一些比較大型的項(xiàng)目開發(fā)中...
摘要:前言人是很懶惰的,你剛開始建立的一個(gè)規(guī)規(guī)整整的項(xiàng)目,可能一段時(shí)間過后,就回被你無數(shù)次的提交代碼弄得凌亂不堪。 前言 人是很懶惰的,你剛開始建立的一個(gè)規(guī)規(guī)整整的項(xiàng)目,可能一段時(shí)間過后,就回被你無數(shù)次的提交代碼弄得凌亂不堪。就算你能保證你的編碼風(fēng)格嚴(yán)謹(jǐn)統(tǒng)一,別人又該如何,每個(gè)人都有不一樣的編碼風(fēng)格,要保持統(tǒng)一,就要對項(xiàng)目進(jìn)行適當(dāng)?shù)墓芾?正文 接下來介紹個(gè)React項(xiàng)目簡單管理的一個(gè)實(shí)踐: ...
閱讀 2119·2023-04-26 00:41
閱讀 1154·2021-09-24 10:34
閱讀 3580·2021-09-23 11:21
閱讀 4090·2021-09-22 15:06
閱讀 1563·2019-08-30 15:55
閱讀 906·2019-08-30 15:54
閱讀 1835·2019-08-30 15:48
閱讀 558·2019-08-29 13:58