esLint+prettier

esLint

代码规范和错误检查工具

https://eslint.bootcss.com/

在自己的项目根目录下创建 .eslintrc*(.eslintrc  .eslintrc.js .eslintrc.json)
或者在package.json 中 eslintConfig 去配置

module.exports = {
 // 解析选项
 parserOptions:{
  ecmaVersion: 6, // Es语法版本
  sourceType: "module", //ES模块化
  ecmaFeatures:{
    // ES 其他特性
  }
 },
 // 具体检查规则
 rules:{
  /*
    "off" 或 0 关闭规则
    "warn" 或 1 开启规则，使用警告级别的错误：（不会导致城西退出）
    "error" 或 2 开启规则，使用错误级别的错误（当被触发的时候，程序会退出）
    semi:"error" // 禁止使用分号
  */
 },
 // 继承其他规则
 extend:[] // 如果需要覆盖继承的规则，直接在rules中写
}

prettier

代码格式化工具

https://www.jianshu.com/p/18999f6e1668

module.exports = {
	printWidth: 80, // 一行代码的最大字符数，默认80(int)
	tabWidth: 2, // tab 缩进大小(跟userTabs配合使用)
	userTabs: fasle // 是否使用tab来缩进，默认使用空格
	semi: fales, // 末尾分号
	singleQuote: true // 单引号
	trailingComma:'none' // 末尾逗号[ none|es5(es5中的数组、对象)|all ]
	bracketSpacing: true // 对象中的空格
	// JSX标签闭合位置 默认false
    // false: <div
    //          className=""
    //          style={{}}
    //       >
    // true: <div
    //          className=""
    //          style={{}} >
	jaxBracketSameLine: false
	// 箭头函数参数括号 默认avoid [avoid | always]
    // avoid 能省略括号的时候就省略 例如x => x
    // always 总是有括号
    "arrowParens": "avoid"
	// [If | crIf | cr auto ]
		If 仅支持 (\n)
		crlf (回车 + 换行字符 ( \r\n))
		cr- 仅回车字符 ( \r)，很少使用
		auto- 保持现有的行尾(所有都行)
    "endOfLine": "auto"
}