(12.1)--01_ESLint基础Web前端攻城狮.pdf

《(12.1)--01_ESLint基础Web前端攻城狮.pdf》由会员分享，可在线阅读，更多相关《(12.1)--01_ESLint基础Web前端攻城狮.pdf（39页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、双击此处编辑标题饶晓宇ESLint基础如何衡量代码的坏味道如何衡量代码的坏味道WFT/min Robert C.Martin如何衡量代码的坏味道WFT/min Robert C.MartinESLint解决什么问题01作原理02如何使03发展趋势04解决什么问题var hasBarProperty=foo.hasOwnProperty(bar);var isPrototypeOfBar=foo.isPrototypeOf(bar);var barIsEnumerable=foo.propertyIsEnumerable(bar);解决什么问题var hasBarProperty=foo.has

2、OwnProperty(bar);var isPrototypeOfBar=foo.isPrototypeOf(bar);var barIsEnumerable=foo.propertyIsEnumerable(bar);var hasBarProperty=Object.prototype.hasOwnProperty.call(foo,bar);var isPrototypeOfBar=Object.prototype.isPrototypeOf.call(foo,bar);var barIsEnumerable=.propertyIsEnumerable.call(foo,bar);解决

3、什么问题var hasBarProperty=foo.hasOwnProperty(bar);var isPrototypeOfBar=foo.isPrototypeOf(bar);var barIsEnumerable=foo.propertyIsEnumerable(bar);var hasBarProperty=Object.prototype.hasOwnProperty.call(foo,bar);var isPrototypeOfBar=Object.prototype.isPrototypeOf.call(foo,bar);var barIsEnumerable=.propert

4、yIsEnumerable.call(foo,bar);作原理使Espree解析 JavaScript使 AST 去分析代码中的模式https:/ hasBarProperty=Object.prototype.hasOwnProperty.call(foo,bar如何使安装和初始化01配置规则02检验代码03安装和初始化npm install eslint?save?dev ./node_modules/eslint/bin/eslint.js?init安装和初始化安装和初始化安装和初始化安装和初始化安装和初始化安装和初始化安装和初始化安装和初始化安装和初始化module.exports=e

5、nv:browser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersion:11,sourceType:module ,plugins:vue ,rules:.eslintrc.js安装和初始化module.exports=env:browser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersion:11,sourceType:module ,plugins:vue ,ru

6、les:安装和初始化module.exports=env:browser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersion:11,sourceType:module ,plugins:vue ,rules:指定脚本运环境，持多种运环境安装和初始化module.exports=env:browser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersion:11,source

7、Type:module ,plugins:vue ,rules:指定脚本运环境，持多种运环境设置继承基础配置中的已启的规则安装和初始化module.exports=env:browser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersion:11,sourceType:module ,plugins:vue ,rules:指定脚本运环境，持多种运环境设置继承基础配置中的已启的规则设置解析器，例如ECMAScript版本和模块类型安装和初始化module.exports=env:bro

8、wser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersion:11,sourceType:module ,plugins:vue ,rules:指定脚本运环境，持多种运环境设置继承基础配置中的已启的规则设置解析器，例如ECMAScript版本和模块类型第三插件安装和初始化module.exports=env:browser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersi

9、on:11,sourceType:module ,plugins:vue ,rules:指定脚本运环境，持多种运环境设置继承基础配置中的已启的规则设置解析器，例如ECMAScript版本和模块类型第三插件规则配置var hasBarProperty=foo.hasOwnProperty(bar);var isPrototypeOfBar=foo.isPrototypeOf(bar);var barIsEnumerable=foo.propertyIsEnumerable(bar);检验代码index.js检验代码检验代码之动fix检验代码之动fixvar hasBarProperty=foo.

10、hasOwnProperty(bar)var isPrototypeOfBar=foo.isPrototypeOf(bar)var barIsEnumerable=foo.propertyIsEnumerable(bar)配置规则之告警级别offor0-关闭规则warnor1-将规则视为个警告（不会影响退出码）erroror2-将规则视为个错误(退出码为1)module.exports=env:browser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersion:11,sourceT

11、ype:module ,plugins:vue ,rules:no?undef:warn,no?unused?vars:off 检验代码配置规则之全局变量globals配置属性设置为个对象该对象包含以你希望使的每个全局变量writable以允许重写变量，或readonly不允许重写变量module.exports=env:browser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersion:11,sourceType:module ,plugins:vue ,globals:foo:

12、readonly ,rules:no?undef:warn,no?unused?vars:off 检验代码配置规则之代码注释配置var hasBarProperty=foo.hasOwnProperty(bar)?eslint?disable?next?line no?prototype?builtins,no?undef?var isPrototypeOfBar=foo.isPrototypeOf(bar)var barIsEnumerable=foo.propertyIsEnumerable(bar)?eslint?disable?line no?prototype?builtins检验代

13、码module.exports=env:browser:true,es2020?true ,extends:plugin:vue/essential,standard ,parserOptions:ecmaVersion:11,sourceType:module ,plugins:vue ,globals:foo:readonly ,rules:no?undef:warn,no?unused?vars:off var hasBarProperty=Object.prototype.hasOwnProperty.call(foo,bar)?eslint?disable?next?line no?

14、prototype?builtins,no?undef?var isPrototypeOfBar=foo.isPrototypeOf(bar)var barIsEnumerable=foo.propertyIsEnumerable(bar)?eslint?disabl发展趋势事实上的WEB前端标准与开发框架的度结合?Your ESLint conf?guration plugins:?react?hooks ,rules:?react?hooks/rules?of?hooks:error,?Checks rules of Hooks react?hooks/exhaustive?deps:warn?Checks effect dependencies Rules Of Hooksnpm install eslint?plugin?react?hooks?save?dev