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

Question

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

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

PSFormat document触发更漂亮

Answer 1

因此，如果您的快捷方式运行得更漂亮，我会使用更漂亮的插件\n @trivago/prettier-plugin-sort-imports。

\n

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

\n

通过 npm

\n

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

\n

或者，使用纱线

\n

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

\n

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

\n

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

\n

并且，瞧\xc3\xa0

\n

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

\n