0

我在一篇文章中读到,TypeScript 核心团队解释 ESLint 的架构比 TSLint 的性能更高。另一方面@typescript-eslint/parser,它制作了一个更方便的 AST,它与@typescript-eslint/eslint-plugin.

现在我感觉我的tslintrc文件没有很好的插件和扩展设置。

  • 遵守 Airbnb 规则好tsx还是只遵守标准规则好?
  • 包含的顺序应该是什么,extends并且plugins它们不会相互覆盖并从中获得最佳的 linting 和自动修复?
  • 使用 CRA 创建的应用程序yarn create react-app myapp --typescript并没有更改任何内容tsconfig.json

这是我的.eslintrc.js

module.exports = {
    env: {
        browser: true,
        es6: true,
        node: true
    },
    parser: "@typescript-eslint/parser",
    extends: [
        "plugin:@typescript-eslint/recommended",
        "react-app",
        "plugin:prettier/recommended",
        "prettier",
        "prettier/react"
    ],
    globals: {
        Atomics: "readonly",
        SharedArrayBuffer: "readonly"
    },
    parserOptions: {
        ecmaFeatures: {
            tsx: true
        },
        ecmaVersion: 2018,
        sourceType: "module"
    },
    plugins: ["@typescript-eslint", "react", "prettier"],
    rules: {
        indent: ["error", "tab"],
        "linebreak-style": ["error", "unix"],
        quotes: ["error", "single"],
        semi: ["error", "always"]
    }
};

// and these parts in the VSCode setting
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        { "language": "typescript", "autoFix": true },
        { "language": "typescriptreact", "autoFix": true }
    ],
   "prettier.eslintIntegration": true,

此外,如果有人知道 GitHub/Gist 项目中的一个好的设置,那将会被应用。

4

1 回答 1

2

在 tsx 中遵循 Airbnb 规则好还是只遵循标准规则?

很大程度上取决于您的喜好。没有绝对的。查看每个规则中激活的规则并自行决定。AirBnB 的风格指南更加严格,有些人可能喜欢,有些人可能不喜欢。

包含扩展和插件的顺序应该是什么,它们不会相互覆盖并从中获得最佳的 linting 和自动修复?

顺序无关紧要,只要规则不做同样的事情 - 每个插件/扩展只会打开/关闭它自己提供的规则,再次由您决定选择哪一个。例如,我尝试让所有样式相关的规则更漂亮,让 ESLint 处理 lint 相关的规则。

于 2019-05-23T14:41:42.903 回答