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

Question

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

当前，它仅在运行eslint --fix后才能工作，但我想按文档格式对导入进行排序。

P.S。 Format document触发更漂亮

Answer 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 页面中描述了详细设置。