如何在 Typescript 界面中强制使用分号

Question

声明打字稿接口时，（逗号）和（分号）都是有效的语法，例如下面的都是有效,的;

export interface IUser {
  name: string;
  email: string;
  id: number;
}

export interface IUser {
  name: string,
  email: string,
  id: number
}

以下是我的担忧，因为它也是有效的。,和的混合;也有效

export interface IUser {
  name: string;
  email: string,
  id: number;
}

现在为了保持一致性，我想强制;在所有场合使用。即使强制执行分号规则，我的 linting 仍然可以通过typescript。有什么想法可以实现吗？

.eslintrc.json

{
  "root": true,
  "ignorePatterns": [
    "projects/**/*"
  ],
  "overrides": [
    {
      "files": [
        "*.ts"
      ],
      "parserOptions": {
        "project": [
          "tsconfig.json",
          "e2e/tsconfig.json"
        ],
        "createDefaultProgram": true
      },
      "extends": [
        "plugin:@angular-eslint/ng-cli-compat",
        "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
        "plugin:@angular-eslint/template/process-inline-templates"
      ],
      "rules": {
        "@angular-eslint/component-selector": [
          "error",
          {
            "type": "element",
            "prefix": "app",
            "style": "kebab-case"
          }
        ],
        "@angular-eslint/directive-selector": [
          "error",
          {
            "type": "attribute",
            "prefix": "app",
            "style": "camelCase"
          }
        ]
      }
    },
    {
      "files": [
        "*.html"
      ],
      "extends": [
        "plugin:@angular-eslint/template/recommended"
      ],
      "rules": {}
    }
  ]
}

tsconfig.json

/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "module": "es2020",
    "lib": [
      "es2018",
      "dom"
    ]
  }
}

Answer 1

在 .eslintrc 文件中，添加下面提到的规则，

 "@typescript-eslint/member-delimiter-style": [
            "warn",
            {
                "multiline": {
                    "delimiter": "semi",
                    "requireLast": true
                },
                "singleline": {
                    "delimiter": "semi",
                    "requireLast": false
                }
            }
        ]

接受三个值（或两个单行值）：

• 逗号 - 每个成员应使用逗号 (,) 分隔。

• semi - 每个成员应使用分号 (;) 分隔。

• none - 每个成员都应该没有任何内容分隔。

注意 - 这不是单行的选项，因为单行中的成员之间没有分隔符是 TS 中的语法错误。requireLast 确定接口/类型中的最后一个成员是否应该有分隔符：

• true - 最后一个成员必须有分隔符。
• false - 最后一个成员不得有分隔符。

参考链接：点击这里