如何配置 VSCode 的 Organize Imports 顺序？

Question

我想配置 Organize Imports 的顺序。

现在，它将 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

内置 "Organize Imports" 功能没有配置，根据 the documentation。

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

在 eslint 中（我的推荐，因为 tslint 已被弃用），您还需要使用像 eslint-plugin-import to get the more-specific configuration you want. Then, instead of using the VSCode "Organize Imports" action, you'll use the "Fix All" action or a invoke a quick fix.

这样的插件

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

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

如何配置 VSCode 的 Organize Imports 顺序？

How to config VSCode's Organize Imports order?

node.js

import

visual-studio-code

eslint

tslint