如何为 VS 代码使用带有排序导入扩展的自定义样式？

Question

我最近安装了 VS Code 扩展 sort-imports, and have attempted to use a custom style called import-sort-style-module-alias。

我相信我已按照（基本）说明正确安装 (npm i import-sort-style-module-alias)，并将 "importSort" 属性包含在我的 package.json 文件中 (见下文）。但是，排序导入扩展似乎无法识别自定义样式。（默认样式工作正常。）我重新启动了 VS Code，并重建了我的项目。

我缺少哪一步才能让 sort-imports 识别我尝试使用的自定义样式？我没有找到任何涵盖此问题的 Whosebug 问题 - Google 搜索也没有帮助。

package.json（缩减）：

{
  "name": "project-name",
  "version": "0.0.0",
  "scripts": {
    ...
  },
  "private": true,
  "dependencies": {
    ...
  },
  "devDependencies":{
    ...
  },
  "importSort": {
    ".js, .jsx, .es6, .es": {
      "parser": "babylon",
      "style": "module-alias",
      "options": {
        "alias": [
          "@aliasA",
          "@aliasB"
        ]
      }
    },
    ".ts, .tsx": {
      "parser": "typescript",
      "style": "module-alias",
      "options": {
        "alias": [
          "@aliasA",
          "@aliasB"
        ]
      }
    }
  }
}

我的 tsconfig.json 文件（精简）：

{
  "compileOnSave": false,
  "compilerOptions": {
    ...,
    "paths": {
      "@aliasA/*": ["projects/appA/src/*"],
      "@aliasB/*": ["projects/appB/src/*"]
    }
  }
}

更新： 我了解到有一个 Sort-Imports 控制台，它显示错误：

parser.parseImports is not a function

如何解决 Sort-Imports 控制台中抛出的这个错误？

Answer 1

扩展 page 中提到了此修复：

Troubleshooting
parser.parseImports is not a function

This happens when using Typescript parser (import-sort#72). The solution is to install it manually:

npm i -D import-sort-parser-typescript

如何为 VS 代码使用带有排序导入扩展的自定义样式？

How to use a custom style with sort-imports extention for VS Code?

typescript

package.json

visual-studio-code

vscode-extensions