vue参考---eslink编码规范检查
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
我的旨在学过的东西不再忘记(主要使用艾宾浩斯遗忘曲线算法及其它智能学习复习算法)的偏公益性质的完全免费的编程视频学习网站:
【读书编程笔记】fanrenyi.com;有各种前端、后端、算法、大数据、人工智能等课程。
版权申明:欢迎转载,但请注明出处
一些博文中有一些参考内容因时间久远找不到来源了没有注明,如果侵权请联系我删除。
AI交流资料群:753014672