前端代码检测利器——eslint for sublime安装指南

原创 2015年11月19日 12:36:13

一、eslint是什么

在搜到该文章之前,相信你已经对eslint有一定了解。相比jslint、jshint等这些检测工具来说,eslint最大的吸引力就在于可以支持js、jsx、es6(es2015)等代码的检测。好了,废话不多说,立即开始安装吧!here we go!


二、先安装两个nodejs插件

npm install eslint -g
npm install babel-eslint -g

三、在sublime里安装eslint插件

  1. 安装 SublimeLinter
    调出package control搜索SublimeLinter进行安装

  2. 安装 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官网

代码检测效果图:
eslint效果图

版权声明:本文为博主原创文章,未经博主允许不得转载。

sublime3使用ESLint

许多刚开始使用Sublime的同学可能都抱怨过为什么没有语法错误提示功能。像WebStorm,输入的语法错误在程序被编译之前就被编辑器提示出来,这样会在一定程度上提高开发的效率。而Sublime似乎不...
  • gdp12315
  • gdp12315
  • 2017年01月03日 14:17
  • 2514

Web相关:Sublime如何安装ESLint插件?

论良好的编码风格的重要性。ESLint为何物?简单的说,它跟jshint类似,都是对JavaScript代码进行语法的检测,但是它提供了更好的扩展性与更丰富的检测机制。Airbnb JavaScrip...
  • u010703975
  • u010703975
  • 2016年04月01日 10:42
  • 4168

sublime3配置eslint

sublime3配置eslint
  • u012546027
  • u012546027
  • 2017年04月21日 12:05
  • 1721

Sublime3集成ESLint

据说有不止一种集成ESLint的方式,这里只介绍使用NodeJS的方式,不要问我为什么,因为其他方式我还没尝试。。。 1.      现有NodeJS环境,它是javascript的运行时环境。类似于...
  • pxy_lele
  • pxy_lele
  • 2016年12月26日 13:56
  • 730

ESlint安装使用

对ESlint使用文档进行翻译,说明Eslint的安装及使用方法
  • ALEWOLF
  • ALEWOLF
  • 2015年04月18日 17:18
  • 13330

Sublime Text内运行javascript(ES6)及代码检查

运行javascript前言 调试js代码经常是在浏览器中完成的, 如果编辑器也能完成部分的调试工作, 那我相信前端和node的世界将美好很多. OK, 先上图:实现 列表内容 首先安装nodejs...
  • fengzijinliang
  • fengzijinliang
  • 2016年08月29日 09:49
  • 1435

sublime +react+es6开发环境

Babel Sublime3才有的插件,支持ES6、JSX语法高亮。 菜单->View->Syntax->Open all with current extension as...->Babel-...
  • ldc726
  • ldc726
  • 2016年08月08日 09:10
  • 1464

Mac下WebStorm配置Eslint教程(使用airbnb的js规范)

安装npm 参考这里的教程:Mac上安装Node和NPM ,不过最后一步不用安装Grunt 经过上面的操作,我们已经可以在命令行使用npm命令了 安装Eslint 建议全局安装 npm install...
  • jw5678
  • jw5678
  • 2017年02月09日 14:41
  • 7422

Eslint插件

ESLint旨在完全可配置,这意味着您可以关闭每个规则,只能使用基本语法验证,或者混合并匹配捆绑的规则和自定义规则,使ESLint完美的适用于您的项目。 一、eslint-plugin-vue 地址:...
  • qq_30817073
  • qq_30817073
  • 2017年09月20日 17:47
  • 381

react+webpack 下使用eslint以及eslint插件在sublime下的安装使用

1、eslint环境的搭建 1)在已有react+webpack+babel的环境下,进入到项目的package.json文件所在的目录,安装eslint、eslint-load相关包。如下:"de...
  • whbwhb1
  • whbwhb1
  • 2016年12月07日 11:26
  • 3273
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:前端代码检测利器——eslint for sublime安装指南
举报原因:
原因补充:

(最多只允许输入30个字)