如何在 Vue 文件中排序导入?

How to order imports in a Vue file?

我正在使用 Prettier,但它没有格式化导入顺序。

例如,当在 VS Code 中使用 Go 时,我可以按任何顺序导入内容,但 Gofmt 总是会以正确的顺序重新排序 - 我猜它是 VS Code 的官方 Go 扩展的一部分。

如何在 VS Code 中的 Vue 中实现类似的功能?

看起来 Volar 支持此功能(命令面板 + Organize Imports),它是 VScode 和 Vue3 的推荐扩展。 Vetur 主要用于 Vue2。

这可以通过 Eslint too 来完成。哪个是与 Vue + JS 相关的任何内容的官方 linter。

由于 auto-imports 的 Vue 方法 + 组件等,人们往往不会在 Vue3 中总体导入很多。总体而言可能更神奇,如 unplugin packages 所示。

我猜你可以使用这个扩展:https://marketplace.visualstudio.com/items?itemName=amatiasq.sort-imports