VS-Code：如何按照特定顺序对导入进行排序以与 InteliJ 配合使用

Question

我在一个主要使用 InteliJ 的团队中工作。导入会在路径之后自动排序。因此，“@namespace”首先出现，然后是较少嵌套的导入“./”>“../../”，并且在同一级别上按字母顺序排列。

到目前为止，我使用 VSCode 中的“source.organizeImports”设置，该设置对命名导入和默认导入进行排序。这无法按照另一个 SO 问题中所述进行自定义，并且未在此处列出： https: //code.visualstudio.com/docs/languages/typescript#_organize-imports

我尝试了 VSC 扩展 vsc-organize-imports 但也没有该选项。我想避免配置和运行 esLint 来修复我的导入顺序。我可以尝试其他建议、设置或扩展吗？

Answer 1

在另一个项目中，我再次研究了这个问题。唯一的解决方案是关闭 VSC 组织导入功能并让格式化程序/linter 完成工作。因为我不喜欢自动修复上的 linter，而且我通常认为这是格式化程序的工作，每个人都应该有一个，这是我的解决方案：

• 在 TS 项目中，我使用了prettier-plugin-organize-imports。这个更漂亮的插件模仿了组织导入功能的格式化顺序，因此它基本上是相同的。非常好，除了它有 TS 对等依赖性。

因此 JS 项目的第二种解决方案：

• 使用 prettier 插件prettier-plugin-import-sort。该插件需要您添加您选择的订单样式。但它支持普通 JS

如前所述，我还找到了具有自动修复功能的 eslint 规则，但我不喜欢该解决方案。如果您使用 prettier，上述软件包可以解决问题。