Question

我要配置“组织导入”的订单。

现在，它会将与node_modules相关的import语句移到最顶部，并将本地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

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

您可以使用第三方扩展程序（例如alfnielsen.vsc-organize-imports或使用单独的整理工具（如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"
        ]
      }
    ]
  }
}

如何配置VSCode的“组织导入”顺序？

1 个答案: