为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第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,还可以啦~~~

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
2
获赞与收藏
23

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消