node.js - 如何配置 VSCode 的组织导入顺序？

Question

我想配置 Organize Imports 的订单。

现在，它将 node_modules 相关的导入语句移到最顶部，以及本地 ts最底部的文件:

普通的:

import myFunction from './myFunction';
import fs from 'fs';

console.log(fs)
console.log(myFunction)

运行 Organize Imports 命令后:

import fs from 'fs';
import myFunction from './myFunction';

console.log(fs)
console.log(myFunction)

我想要做的是颠倒顺序，我希望 node_modules 非常底部，本地导入非常顶部。

我怎样才能实现这种行为？

Answer 1

根据 the documentation，内置的“组织导入”功能没有配置。 .

您可以使用第三方扩展自定义导入顺序，例如 alfnielsen.vsc-organize-imports 或者使用单独的 linting 工具，如 eslint 或 tslint。

在 eslint(我的建议，因为 tslint 已被弃用)中，您还需要使用像 eslint-plugin-import 这样的插件以获得您想要的更具体的配置。然后，您将使用“修复所有”操作或调用 quick fix，而不是使用 VSCode 的“组织导入”操作。 .

这是部分示例 .eslint.js配置文件。

module.exports = {
  plugins: [
    "import",
  ],
  rules: {
    "import/order": [
      "error",
      {
        groups: [
          "index",
          "sibling",
          "parent",
          "internal",
          "external",
          "builtin"
        ]
      }
    ]
  }
}