vue参考---eslink编码规范检查
一、总结
一句话总结：
ESLint 是一个代码规范检查工具，它定义了很多特定的规则, 一旦你的代码违背了某一规则, eslint 会作出非常有用的提示
1、如何查看eslink提示的错误信息？
直接仔细看控制台的报错，如果没看懂，可以去错误对应的链接页面
2、eslink的错误规范原理？
eslink中有非常多的规范，报错位置会提示你错误规范的名称，直接用链接打开页面可以查看详细的
3、如何在vue项目中配置eslink的规则（比如让某个规则不生效）？
去.eslintrc.js中配置即可，或者去.eslintignore去配置忽略检查的文件
二、eslink编码规范检查
博客对应课程的视频位置：
1. 说明
1) ESLint 是一个代码规范检查工具
2) 它定义了很多特定的规则, 一旦你的代码违背了某一规则, eslint 会作出非常有用的提示
3) 官网: http://eslint.org/
4) 基本已替代以前的 JSLint
2. ESLint 提供以下支持
1) ES
2) JSX
3) style 检查
4) 自定义错误和提示
3. ESLint 提供以下几种校验
1) 语法错误校验
2) 不重要或丢失的标点符号，如分号
3) 没法运行到的代码块（使用过 WebStorm 的童鞋应该了解）
4) 未被使用的参数提醒
5) 确保样式的统一规则，如 sass 或者 less
6) 检查变量的命名
4. 规则的错误等级有三种
1) 0：关闭规则。
2) 1：打开规则，并且作为一个警告（信息打印黄色字体）
3) 2：打开规则，并且作为一个错误（信息打印红色字体）
5. 相关配置文件
1) .eslintrc.js : 全局规则配置文件
'rules': {
'no-new': 1
}
2) 在 js/vue 文件中修改局部规则
/* eslint-disable no-new */ new Vue({
el: 'body', components: { App }
})
3) .eslintignore: 指令检查忽略的文件
*.js
*.vue