使用ESLint与Prettier优化React Native开发体验

// .eslintrc.js
module.exports = {
  extends: [
    'eslint:recommended',
    'plugin:react/recommended',
    'plugin:@typescript-eslint/recommended',
    'prettier/@typescript-eslint',
    'plugin:prettier/recommended',
  ],
  settings: {
    react: {
      version: 'detect',
    },
  },
  rules: {
    // 在这里添加或覆盖 ESLint 规则
    'react/no-unescaped-entities': 'off',
  },
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint', 'prettier', 'react'],
  env: {
    browser: true,
    node: true,
  },
  overrides: [
    {
      files: ['**/*.ts?(x)'],
      rules: {
        'react/prop-types': 'off', // 关闭对 React `propTypes` 的检查
      },
    },
  ],
};

这个配置文件关闭了对 JSX 属性中的 propTypes 进行类型检查，并将 ESLint 配置为使用 TypeScript 解析器。它还关闭了 ESLint 中对 React 中未转义的 HTML 实体的检查，这在处理如   这类字符时非常有用。最后，它启用了 prettier/recommended 插件，该插件将 Prettier 集成到 ESLint 中，确保代码格式一致。