前端入门: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 条评论
登录 后参与评论

相关文章

来自专栏Python自动化测试

Selenum获取招聘数据

在这里,Selenium结合lxml来获取51job招聘网站西安地区自动化测试招聘的公司名称,薪资范围,职位要求和招聘的Title,具体实现的思...

866
来自专栏木宛城主

安装和配置SharePoint 2013 Workflow

SharePoint 2013中的工作流概述 在SharePoint 2013中,Workflow(建立在Windows Workflow Foundation...

19510
来自专栏用户2442861的专栏

MinGw与Cygwin的区别

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/haluoluo211/article/detail...

421
来自专栏Python爬虫与数据挖掘

手把手教你如何安装水晶易表——靠谱的安装教程

关于水晶易表的介绍在之前的文章就有提及过,感兴趣的小伙伴可以戳这篇文章:关于水晶易表的简介及其安装初识,在此不再进行赘述。今天给大家分享一下水晶易表的安装教程,...

725
来自专栏Java成神之路

hbase_学习_00_资源帖

1. Apache Software Foundation Distribution Directory

402
来自专栏C++

python笔记:#003#PyCharm 的初始设置

852
来自专栏前端小作坊

Atom-Shell 入门

现在已经有很多框架可以让我们用JavaScript、HTML和CSS来编写跨平台桌面应用,Atom Shell便是其中之一。Atom Shell基于nodejs...

913
来自专栏企鹅号快讯

Python学习笔记之一

一、Python简介 Python是一种面向对象的解释型计算机程序设计语言,由荷兰人Guido van Rossum于1989年发明,第一个公开发行版发行于19...

20310
来自专栏Android群英传

Android Studio集成Bug管理系统

862
来自专栏伪君子的梦呓

在 Windows 下安装 Scrapy

1424

扫码关注云+社区