ESLint的用途
功能一: 检测代码合法性
支持JavaScript、JSX、ES6、Html、JSDoc、posts、vue、React、AngularJS、React Native、mocha等等。当然了,除了JavaScript与JSX,其他的都需要相应的插件来配合.可在此查看ESLint的插件列表,该列表并非全部的ESLint插件,有兴趣的同鞋还可以在Github上搜索下
功能二: 配合流行的前端构建工具
年龄大点的grunt、使用广泛的gulp、新秀webpack以及browserify、rollup、ember-cli等等都有ESLint的封装版本,比如 gulp-eslint、eslint-loader等.具体支持列表可参考这里
功能三: 代码格式化(按照eslint配置文件的规范设置)
eslint –fix:用该命令可依照ESLint的配置来格式化代码,你怎么定义代码规范的,他就怎么格式化。可自动格式化规则的列表, 一些复杂的代码错误,我想目前还没有任何一款软件可以帮助我们自动格式化的.
功能四: 结合编辑实现 代码时实检验、自动格式化
需要结合编辑器使用, 自己亲手试验了Sublime、Atom、Webstorm有一个编辑器, 在文章末尾我会把各个编辑器上的效果截图show给大家.截图包含,时实代码提示、代码自动格式化等.编辑器支持列表
功能五:生成代码规范检测报告
可生成各种格式的报告,也可同时生成多种格式的报告.html、markdown等格式。自己比较喜欢的插件,美化命令行输出的插件eslint-friendly-formatter、eslint-formatter-pretty,支持Markdown格式的插件eslint-formatter-markdown
功能六: 结合Git Hook来实现代码检测不通过则不允许提交
ESLint pre-commit 钩子 demo、ESLint 只检验git缓存区的代码 demo
Git hook管理工具
————————————————
版权声明:本文为CSDN博主「xueboren001」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xueboren001/article/details/53389221
- 复制链接
- 举报

