[Javascript] Linting JavaScript with ESLint
ESLint is a JavaScript linter (static analysis tool) that offers full support for ES6, JSX, and other modern tools via plugins. We walk through setting up ESLint in a project, using the "init" CLI tool, configuring warnings/errors for rules, and adding editor plugins and build integrations. ESLint is built to be "pluggable" with simple, extendable, modular rules and an API for writing and using plugins. ESLint has many rules which are all turned off by default; you can extend the core "recommended" rules which will catch common JavaScript errors, and you can also turn on stylistic rules for code consistency.
Install:
npm install eslint --save-dev
npm install -g eslint
Run:
eslint --init or eslint index.js main.js
Will create an .eslintrc file for you.
{ "rules": { "indent": [ 2, "tab" ], "quotes": [ 2, "single" ], "linebreak-style": [ 2, "windows" ], "semi": [ 2, "always" ] }, "env": { "es6": true, "node": true, "browser": true }, "extends": "eslint:recommended" }
Check http://eslint.org/docs/rules/ for more docs.
In package.json:
"scripts": { "lint": "eslint **.js" },
Add no-unused-var warning:
{ "rules": { "indent": [ 2, "tab" ], "quotes": [ 2, "single" ], "linebreak-style": [ 2, "windows" ], "semi": [ 2, "always" ], "no-unused-vars": 1 // no var -> 1: warning, 2: error, 0: ignore }, "env": { "es6": true, "node": true, "browser": true }, "extends": "eslint:recommended" }
相关文章
- javascript 基础_JavaScript高级编程
- JavaScript Array Object
- javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown[通俗易懂]
- 版本号的正则表达式-身份证号码的正则表达式及验证详解(JavaScript,Regex)
- JavaScript学习总结(十七)——Javascript原型链的原理详解编程语言
- JavaScript学习总结(十六)——Javascript闭包(Closure)详解编程语言
- JavaScript学习总结(九)——Javascript面向(基于)对象编程详解编程语言
- 语句掌握Oracle中用WITH语句的利用技巧(oracle的with)
- Oracle 中的 WITH 语句使用技巧(oracle with用法)
- Oracle中利用WITH子句的使用(oracle中的with)
- javascript下with的简化代码写法
- JavaScript编制留言簿程序代码
- JavaScript验证浏览器是否支持javascript的方法小结
- Riot.js快速的JavaScript单元测试框架
- javascript带有滚动条的表格,标题固定,带排序功能.
- javascript二维数组的实现与应用
- javascript中万恶的function实例分析
- JavaScript版DateAdd和DateDiff函数代码
- Javascript异步加载详解(浏览器在javascript的加载方式)
- JavaScript设置IFrame高度自适应(兼容各主流浏览器)
- JavaScript和Java的区别浅析
- javascript强大的日期函数代码分享
- javascript简单事件处理和with用法介绍
- 利用noesis.Javascript开源组件.Net中执行javascript脚本
- JavaScript的strict模式与with关键字介绍
- JavaScript作用域链示例分享