如何配置VSCode的Organize Imports顺序？

Question

我想配置组织导入的订单。

现在，它将

node_modules

相关导入语句移动到最顶部，并将本地

ts

文件移动到最底部：

正常：

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

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

运行组织导入命令后：

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

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

我想做的是颠倒顺序，我希望

node_modules

位于最底部，本地进口位于最顶部。

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

Answer 1

根据文档，内置的“组织导入”功能无需配置。

您可以使用第三方扩展（例如

alfnielsen.vsc-organize-imports

）或使用单独的 linting 工具（例如 eslint 或 tslint）来自定义导入顺序。

在 eslint 中（我的推荐，因为 tslint 已被弃用），您还需要使用像

eslint-plugin-import

这样的插件来获得您想要的更具体的配置。然后，您将使用“修复全部”操作或调用快速修复，而不是使用 VSCode“组织导入”操作。

这是部分示例

.eslint.js

配置文件。

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