让人又爱又恨的ESLint
栏目: JavaScript · 发布时间: 7年前
内容简介：ESLint 是用来检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具。ESLint可以给我们带来什么：前方高等，拿走不谢：
ESLint 是用来检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具。
ESLint可以给我们带来什么：
非常舒服的代码书写风格，强迫你去掉所有的分号。
- 统一的代码编写格式，使得代码书写风格统一。
- 更加严格的书写要求，减少了代码出错的概率。
在webpack构建的项目中使用ESLint
- 首先全局安装ESLint
npm install --save-dev eslint eslint-loader 复制代码
- 在webpack中添加配置
module: {
preLoaders: [
{test: /\.js$/, loader: "eslint-loader", exclude: /node_modules/}
]
}
复制代码
- 新建名为 .eslintrc 的文件。该文件的内容为对 ESLint 的配置。（一般vue-cli构建的项目会自带这个文件）
{
"env": {
"browser": true,
"commonjs": true,
"es6": true
},
"parserOptions": {
"ecmaVersion": 6
},
"rules": {
"no-eq-null": 2 //禁止对null使用==或!=运算符
}
}
复制代码
- env：你的脚本将要运行在什么环境中
Environment可以预设好的其他环境的全局变量，如brower、node环境变量、es6环境变量、mocha环境变量等 复制代码
- 开启规则和发生错误时报告的等级 规则的错误等级有三种：
0或'off'：关闭规则。 1或'warn'：打开规则，并且作为一个警告（并不会导致检查不通过）。 2或'error'：打开规则，并且作为一个错误 (退出码为1，检查不通过)。 参数说明： 参数1 ： 错误等级 参数2 ： 处理方式 复制代码
- 我只写了最简单的一个检测，查看更多规则请参看官方规则
- 就我个人来说喜欢逛gayhub,看看别人怎么写规则，如果还不错就占为己有了。嘻嘻嘻...
前方高等，拿走不谢：
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
赢在设计
[美] 洛芙迪 (Lance Loveday)、[美] 尼豪斯 (Sandra Niehaus) / 刘淼、枊靖、王卓昊 / 人民邮电出版社 / 2010-8 / 55.00
企业总是面临在网站设计和改进方面进行投资的抉择。怎样才能让有限的资金发挥出最大的效益呢？网站设计不应只是把网站做得赏心悦目，它更应该是提高经济收益和获得竞争优势的战略利器。是时候让网站发挥其潜能，以业务指标为导向来做设计决策，为提升网站收益而设计了。 作者凭借多年为众多网站做咨询工作的经验，为我们揭示了赢在设计的奥秘。它针对目前网站设计中存在的典型问题，先从宏观上探讨解决问题的战略手段，围绕......一起来看看 《赢在设计》 这本书的介绍吧!
