前端入门:ESLint使用方法

关于前端入门系列

整理目标

React:React起源于Facebook的内部项目,当前最火的前端框架。

Redux:react官方推荐的一个状态管理库。功能强大且代码优雅

ES6:JavaScript 语言的下一代标准

Balel:javascript编译器

PM2:pm2 是一个带有负载均衡功能的Node应用的进程管理器

ESLint:Javascript代码进行代码规范检查工具

Webpack:一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理

本次:分享ESLint

安装本地安装

全局安装

生成配置文件

在工程的根目录下执行下面命令

命令执行结果

确认根目录下会生成文件

.eslintrc.js

自定义配置选项

configuring

url:http://eslint.cn/docs/user-guide/configuring

rules:

url:http://eslint.cn/docs/rules/

参考内容:idea中配置eslint 静态代码检查

url:http://www.cnblogs.com/weilantiankong/p/5980964.html

ESLint配置参数介绍

url:https://segmentfault.com/a/1190000004468428

airbnb配置文件

url:https://github.com/libertyAlone/airbnb-javascript-style-guide-cn

设置忽略目录

在根目录下创建文件

参考内容

Idea安装插件

操作:webstorm->Preferences...->Plugins->Browe repositories...

输入ESLint, 安装插件

设置

操作:webstorm->Preferences...->Plugins->Browe repositories...

左边的导航栏中点击ESLint,然后

/usr/local/bin/eslint

/usr/local/bin/node

Enable:启用

Node interpreter:选择Node安装路径

Path to eslint bin: 选择eslint安装路径

Use specific config file中选择.eslintrc.js

然后按OK按钮,使配置生效

自动修复功能

操作:菜单Code->ESLint Fix -> 功能比较简单,只能删除空格

检查代码

例子

React中使用ESLint

安装eslint

安装Airbnb开发配置合集

参考资料

url:http://blog.csdn.net/gdp12315_gu/article/details/54098810

url:https://segmentfault.com/a/1190000008575829

url:https://segmentfault.com/a/1190000009914940

React系列---ESlint

webpack2集成eslint

React用ESLint代码检测 常见问题

参考文章

使用 VSCode + ESLint 实践前端编码规范

url:https://segmentfault.com/a/1190000009077086

webstorm引用ESLint进行静态代码检查

url:http://www.cnblogs.com/super86/p/6994813.html

关于捞猴

捞猴就一个字:“干”,你可以理解为干货的”干“,也可以理解为干活的”干“,希望大家在工作中,分享干货,获得干货,提高工作效率,少加班,充分享受生活,充分享受家庭。

路漫漫兮修远,you can you up,分享是一种美德

本文来自企鹅号 - 捞猴媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏DeveWork

WordPress免插件仅代码实现文章归档模板 II

不多说了,本站目前使用的效果,可以到我的存档页一览,该方法来自zww,感谢原作者,在这之前,建议你: 1、你的博客存档页面地址后面的应该为/articles,而...

4298
来自专栏xingoo, 一个梦想做发明家的程序员

【AngularJS】—— 5 表单

这部分,我们写一个表单程序,使用angularjs的检测并完成表单属性的获取与拷贝。   在AngularJS中,也支持html5中多种控件的自动检测,如...

1995
来自专栏web前端教室

简单粗暴,以小见大 -- 实现一个按钮的前端组件

按钮,一个button,一个div,一个a标签,都可以做成按钮。现在要把它做成一个前端组件,那前端组件是什么? 定义很多,我随便网上查一个,“指一些设计为通用性...

2097
来自专栏ytkah

用dedecms自定义表单创建简易自助预约系统

  建站往往需要根据客户的需求来增加相应的功能,比如预约。平时用比较多的是织梦系统,那么如何用dedecms自定义表单创建简易自助预约系统呢? ?   进入de...

3055
来自专栏腾讯移动品质中心TMQ的专栏

如何从海量用户中轻松定位H5视频播放器问题?

一、方案背景介绍 随着互联网技术的发展,用户使用QQ浏览器进行上网观看视频越来越多,最近统计目前使用QQ浏览器观看视频已经过亿。不同的用户由于不同的场景下播放...

2298
来自专栏疯狂的小程序

无痛的微信小程序开发体验

在小程序之初便开发应用了,现在小程序的开发也越来越成熟了,完善了很多的API、组件、架构等,社区也由原来的零星点点到现在的不大不小,但也算是有了,期间也诞生了很...

3565
来自专栏小文博客

查看WordPress站点主题的方法

2992
来自专栏一场梦

全平台通用评论神器一键自动填写昵称、邮箱和网址

1173
来自专栏宝塔面板

腾讯云中宝塔面板升级专业版

2842
来自专栏编程微刊

jedate-开始使用一款好用的时间插件

1553

扫码关注云+社区