如何使用 eslint-plugin-simple-import-sort 在 VSCode 中对导入进行排序？

【问题标题】：How to sort import in VSCode by using eslint-plugin-simple-import-sort?如何使用 eslint-plugin-simple-import-sort 在 VSCode 中对导入进行排序？
【发布时间】：2020-06-06 22:45:17
【问题描述】：

在 Visual Studio Code 中应用 Format Document (Shift+Alt+F) 后是否可以对导入进行排序（通过使用 eslint-plugin-simple-import-sort）？

目前，它仅在运行eslint --fix 后才有效，但我想按文档格式对导入进行排序。

附： Format document 触发更漂亮

【问题讨论】：

vscode-eslint 扩展的自述文件提到了用作格式化程序或保存时运行修复：github.com/microsoft/vscode-eslint#version-204

标签： eslint prettier

【解决方案1】：

所以如果你的快捷方式运行得更漂亮，我会选择更漂亮的插件 @trivago/prettier-plugin-sort-imports.

您可以通过以下方式将其添加到您的项目中：

通过 npm

npm install --save-dev @trivago/prettier-plugin-sort-imports

或者，使用纱线

yarn add --dev @trivago/prettier-plugin-sort-imports

然后，您只需在.prettierrc 中设置排序规则，例如：

"importOrder": ["^@core/(.*)$", "^@server/(.*)$", "^@ui/(.*)$", "^[./]"],
"importOrderSeparation": false,

然后，瞧

在第一段链接的插件 npm 页面上描述了详细设置。

【讨论】：