前端代码检测利器——eslint for sublime安装指南
2015-11-19 12:36
573 查看
一、eslint是什么
在搜到该文章之前,相信你已经对eslint有一定了解。相比jslint、jshint等这些检测工具来说,eslint最大的吸引力就在于可以支持js、jsx、es6(es2015)等代码的检测。好了,废话不多说,立即开始安装吧!here we go!二、先安装两个nodejs插件
npm install eslint -g npm install babel-eslint -g
三、在sublime里安装eslint插件
安装 SublimeLinter调出package control搜索SublimeLinter进行安装
安装 SublimeLinter-contrib-eslint
调出package control搜索eslint安装即可,全名:SublimeLinter-contrib-eslint。注意:该插件只支持Sublime text 3
四、在项目根目录编写配置文件: .eslintrc
{ "env": { "browser": true, "node": true, "es6": true }, "parser": "babel-eslint", "ecmaFeatures": { "jsx": true }, "rules": { "semi": [2, "always"], "quotes": [2, "single"] } }
编写完成后放至你项目根目录下即可。
window用户可用命令提示符生成该文件:
echo {} > .eslintrc
更多配置信息请参看eslint官网
代码检测效果图:
相关文章推荐
- Zmodem transfer canceled by remote side问题的解决办法!
- Javascript跨域请求的几种解决方法
- jquery实现页面局部刷新
- JsonModel的使用
- Css 备忘知识点
- jquery_DOM笔记3
- Liferay学习笔记:liferay组件标签
- HTML5<nav>元素
- nodejs
- 安卓首选项 PreferenceFragment相关问题
- 匿名函数自调用(IIFE)
- JS代码头像上传地址优化之6=2 和 代码扩展
- bootstrap3显示5列的方法
- jquery_DOM笔记2
- 移动HTML 5前端性能优化指南(转载)
- 可自动关闭的JS消息提示框
- JSP介绍,文件结构及执行过程
- CSS实现图片垂直居中
- js验证固定电话、手机号码
- 10招打通你的js任督二脉