Java教程

【金秋打卡】第12天 ESLint是如何使用和实现的?

本文主要是介绍【金秋打卡】第12天 ESLint是如何使用和实现的?,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称:六大场景 ESLint是如何使用和实现的?

课程章节:ESLint是如何使用和实现的?
课程讲师: Brian

课程内容:

什么是ESLint?
JavaScript是一个动态的弱类型语言,在代码编写的过程中,经常会出错,而因为其没有编译程序,为了寻找代码错误的地方,需要在执行的过程中不断的调试。

ESLint的作用就是让你在开发过程中发现自己的代码问题以及不规范的地方,提前发现问题所在,并且可以规范团队的代码风格保持一致。
ESlint是一个开源的JS代码检查工具,它的目标是提供一个插件化的JavaScript代码检测工具。

实现原理:
eslint使用Espress把js语法转换成AST。然后通过 AST selectors找到静态代码中的内容,再根据rule的规则去判断这一段js是否符合eslint的规范。

安装和初始化ESlint

1、 npm init -y
2、 npm install eslint -D
3、 npx eslint --init
完成以上的步骤,我们将会得到以下的文件夹:

工作中是如何使用ESLint的?
在Vscode中,需要安装ESLint插件。

如果使用该插件,需要在项目中或者全局使用npm install eslint安装eslint,否则,ESLint插件会报如下错误

VsCode中可以使用自动保存autoSave, ctrl + P,使用保存时自动格式化ESLint

课程收获:
团队设置良好的代码规范与检验,会大大提升代码编写的质量,提升项目的开发效率,ESLint 是现代前端开发过程中必备的工具了,能减少团队协作的问题,减少个人代码风格问题,减少Bug的错误,这里不但学到了怎么配置eslint,还学习到了怎么提交自己的eslint,还可以啦~~~

这篇关于【金秋打卡】第12天 ESLint是如何使用和实现的?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!