继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

imooc66
关注TA
已关注
手记 54
粉丝 2
获赞 23

课程名称:六大场景 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,还可以啦~~~

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP