ESLint

参考文档:http://eslint.cn/

ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似,除了少数的例外:

  • ESLint 使用 Espree 解析 JavaScript。
  • ESLint 使用 AST 去分析代码中的模式
  • ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。

以上来自官网。不想再说下去,反正就是一个代码风格检测工具就对了

如何使用

  1. 安装

    npm install -g eslint
    
  2. 如果你第一次使用 ESLint,你必须使用 –init 命令新建一个配置文件:

    eslint --init
    
  3. 使用 ESLint 检测任何 JavaScript 文件:

    eslint test.js test2.js
    
  4. ESLint 中一些规则运行命令它可以帮你自动修复

    eslint test.js --fix
    

Sublime 安装:http://www.jianshu.com/p/e826e13c67ec

为了可以更直观的反馈,可能更多的会直接安装编辑器插件来进行错误提示,以Sublime 为例:

在 package control 中 ,先安装在 SublimeLinter ,再安装 SublimeLinter-contrib-eslint在项目目录下新建 .eslintrc 文件,自定义规则。

重新载入文件应该就生效了(不生效的话 Ctrl+Shift+P 调用命令面板 找到 sublimelinter: toggle linter 设置生效就好了)

时间: 2024-08-05 08:34:57

ESLint的相关文章

完全离线安装VSCode插件--Eslint

最近折腾了一番,总算把Eslint插件在离线的情况下安装好了.之前查了挺多,但是很多方法还是在没有完全离线的情况下进行的.之所以想完全离线安装,主要是因为我们工作的地方是禁止访问外网的,所以像直接执行npm命令来进行一些包的安装,其实对我来说是用不了的. 好了,现在进入正题,说下我的解决方式吧. 1.在无法联网的电脑上先把VSCode安装好. 2.在家里有网的电脑上,在vsCode里面的扩展直接安装eslint插件,然后在该路径(C:\Users\Administrator\.vscode\ex

eslint ":"号

eslint规则默认是没有;号的,如果也没要加;号,那就要在.eslintrc.js里面,加配置: 'semi':['error',always']   强制有;号,没有就报错 参考地址:http://eslint.org/docs/rules/semi 看里面的 options

设置emacs插件flycheck使用jslint eslint

emacs的flycheck插件支持使用 jslint 和eslint (setq flycheck-javascript-eslint-executable "~/.nvm/versions/node/v6.4.0/bin/eslint") (setq flycheck-javascript-jshint-executable "~/.nvm/versions/node/v6.4.0/bin/jshint") (setq flycheck-javascript-j

eslint使用

参考文档 http://www.cnblogs.com/hahazexia/p/6393212.html 官网 http://eslint.org/docs/rules/ 配置 // http://eslint.org/docs/user-guide/configuring module.exports = { root: true, parser: 'babel-eslint', parserOptions: { sourceType: 'module' }, env: { browser:

ESLint 检查代码质量

利用 ESLint 检查代码质量 其实很早的时候就想尝试 ESLint 了,但是很多次都是玩了一下就觉得这东西巨复杂,一执行检查就是满屏的error,简直是不堪入目,遂放弃.直到某天终于下定决心深入看了文档,才发现其实挺简单的,只是当时没有看到合适入门教程而已.我相信很多人也有着跟我一样的经历,所以希望将自己的踩坑心得记录下来,让后来者更轻易地掌握 ESLint 的使用,因为它确实是个好东西. JavaScript 是一门神奇的动态语言,它在带给我们编程的灵活性的同时也悄悄埋下了一些地雷.除了基

Vue--- 手动禁止ESlint

使用vue-cli构建项目时,通常会问你要不要 "Use ESlint to lint your code?" 建议使用,这样会有助于规范我们的代码(这也是一种审美),ESlint的规范就不说了,写多了,慢慢就会习惯了.我要说的是:在选了ESlint之后,反悔了,怎么办? 删了整个项目,重新写?  当然不是!! 如果你的ESLint选了Yes ,可以在在vuefile>build>webpack.base.conf.js 找到eslint-loader 并将代码块注释.这样

如何使用ESlint

参考链接:https://github.com/eslint/eslint 一.ESLint跟JSLint和JSHint类似,但有以下区别: 1.使用Espree进行js解析(parse) 2.用AST抽象语法树去识别(evaluate)代码中的模式 3.每个规则都是独立的插件 二.安装 全局安装: npm install -g eslint 三.使用 如果是第一次使用,eslint --init 命令帮你完成初始化,生成.eslintrc文件 然后eslint test.js test2.js

ubuntu 安装 eslint

1. 安装 npm install -g eslint 安装结束后记住 /usr/local/bin/eslint -> /usr/local/lib/node_modules/eslint/bin/eslint.js 2. TSLint error:: Initialization error (tslint). Cannot find module e2e里面文件不用管,课程里不会涉及到.建议把tslint的校验关掉. 就是把右上角的enable的勾取消掉

vscode下eslint代码规范

直接上规范吧: // 将设置放入此文件中以覆盖默认设置 { "editor.fontSize": 17, "editor.tabSize": 2, "editor.formatOnSave": false, "files.associations": { "*.vue": "vue" }, "eslint.validate": [ "javascript&q