eslint 基本使用

---

什么是 eslint 可组装的javascript和jsx检查根据

1.常见语法

---

一些常见的

规则名称	解释
quotes	默认 字符串需要使用单引号包裹
key-spacing	默认 对象的属性和值之间 需要一个空格分隔
comma-dangle	默认 对象或数组的末尾 不允许出现多余的逗号
no-multiple-empty-lines	不允许出现多个空行
no-trailing-spaces	不允许在行尾出现多余的空格
eol-last	默认 文件的末尾必须保留一个空行
spaced-comment	在注释中的// 或 /* 后强制使用一致的间距
indent	强制一致的间距
import/first	import 导入模块的语句必须声明在文件顶部
space-before-function-paren	方法的形参之前是否需要保留一个空格

2. 保存时 使用工具自动修复

vscode 为例

1. 安装eslint Dirk的
   在配置文件里加一些配置项 在vsocde里的settings.json
   

2. 安装 prettier -code formatter的
   在配置文件里加一些配置项

也可以自己配置一个.prettierrc文件

最简单的配置

{
    "semi": false,    // 使用分号, 默认true
    "singleQuote": true,   // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
    "bracketSpacing": true   // 对象中的空格 默认true
}

{
  printWidth: 80,
  semi: false,
  singleQuote: true,
  trailingComma: 'none',
  bracketSpacing: true,
  jsxBracketSameLine: true,
  tabWidth: 2,
  endOfLine: 'auto',
  useTabs: false
}