Eslint(代码约束)

98 阅读1分钟

入门

一门约束技术,约束代码规范,让每个人的代码几乎一致

创建带有Eslint的vue项目

  • 多了下面这个,要选择倒数第二个,标准规范

image.png

  • 下面第一项表示:立刻报错
  • 下面第二项表示:提交的时候检验是否规范并修复,通常使用第一个

image.png

多了一个配置文件 .eslintrc.js

image.png

  1. 不允许出现多余的空行
  2. 文件末尾必须存在空行
  3. 不能出现多余的空格
  4. 默认使用单引号包括字符
  5. 对象里面的属性和属性值之间必须有空格
  6. 对象和数组的末尾不允许出现多余的逗号
  7. 注释后面有个空格
  8. 缩进长度一致
  9. import 位置必须在顶部
  10. 不能出现未使用的变量
  11. 方法形参之前必须有空格

禁用规则

// 禁用方法形参后面加空格,
"space-before-function-paren": ["warn", "never"]

在官网规则中进行搜索

image.png

image.png