eslint-plugin-typescript-custom-sort-keys

This plugin sorts your typescript and interfaces in a custom defined order.

References:

• eslint/sort-keys
• eslint/eslint-plugin-typescript-sort-keys

Installation

1yarn add -D eslint-plugin-typescript-custom-sort-keys

Usage

1{
2  "plugins": ["typescript-custom-sort-keys"]
3}

Then configure the rules you want to use under the rules section.

displayFirst: Define array of fields that you want to show on top

showFunctionsAtEnd: keep it true if you want to show your functions in end

1{
2  "rules": {
3    "typescript-custom-sort-keys/interface": [
4      "warn",
5      "asc",
6      {
7        "caseSensitive": true,
8        "displayFirst": ["id"],
9        "showFunctionsAtEnd": true,
10      },
11    ],
12  }
13}

Example:

Before	After