跳到主要内容

认识

2023年02月23日
柏拉文
越努力,越幸运

一、认识


ESLint 是一款插件化的JavaScript代码静态检查工具,其核心是通过对代码解析得到的 ASTAbstract Syntax Tree,抽象语法树)进行模式匹配,来分析代码达到检查代码质量和风格问题的能力。

ESLint 的使用其实并不复杂。安装相关依赖之后,可以直接使用开源的配置方案,例如eslint-config-airbnbeslint-config-standard,当然,你也可以根据个人或团队的代码风格进行配置。配置完成之后,就可以通过命令行工具或借助编辑器集成的 ESLint 功能对工程代码进行静态检查,发现和修复不符合规范的代码,ESLint提供的auto-fix能力也能够帮助我们自动修复一些代码格式问题。

二、安装


npm install eslint --save-dev

三、初始化


3.1 eslint --init

安装完成后,可以执行下面命令进行ESLint的初始化配置。 经过一系列一问一答的环节后,你会发现在你项目根目录已经生成了一个 .eslintrc.js 文件,该文件主要用来进行 ESLint 的配置。

eslint --init

3.2 npx eslint --init

参考资料


前端规范之JS代码规范(ESLint + Prettier)