如何在react中使用和配置eslint

1.安装eslint

yarn add eslint --s -d

2.初始化配置文件

npx eslint --init

一开始使用eslint --init 会报错，未找到指令xxxx,估计是初始化.eslintrc.js的方式变了

npx eslint --init 之后会有一系列的选择，选择Airbnb

选择Airbnb会自动安装react相关的插件，包含eslint-plugin-react-hooks。

安装完成之后就会出现一个.eslintrc.js文件

module.exports = {
  env: {
    browser: true,
    es2021: true,
  },
  extends: [
    'plugin:react/recommended',
    'airbnb',
  ],
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 12,
    sourceType: 'module',
  },
  plugins: [
    'react',
  ],
  rules: {
    'linebreak-style': ['true', 'windows']
  },
};

项目中eslint报错 “Expected linebreaks to be’LF’ but found ‘CRLF’.eslint(linebreak-style)”

出现这个错误的原因好像是因为换行符的方式unix和windows是不同的具体可以参考 https://eslint.org/docs/rules/linebreak-style