啊…… 配置 prettier 时， 由于 phpstorm、webstorm 在 IDE 中默认提供了相关功能， 所以很难通过 prettier 配置来进行更改。 尤其是， <https://github.com/NiklasPor/prettier plugin organize attributes 这个 plu
啊……
配置 prettier 时， 由于 phpstorm、webstorm 在 IDE 中默认提供了相关功能， 所以很难通过 prettier 配置来进行更改。
尤其是，
https://github.com/NiklasPor/prettier-plugin-organize-attributes
这个 plugin 在 svelte 中甚至完全无法使用。
所以我曾考虑转用 vscode，于是安装了它，还安装了 IntelliJ 主题和 keymap 插件并完成了设置。
不过，正如预想的那样，和一直以来使用的编辑器有所不同，用起来还是很不习惯，
我一直在想该怎么解决这个问题，后来修改了 IDE 设置，终于解决了。
<label {...$$restProps} class="m-icon-round leading-normal {className}" on:tap text={icon} />以前执行上面的 Rearrange code 时，外部传入的 $$restProps 总是会被排到最前面。
所以我也安装了插件之类的试过，但始终不行。
于是我干脆
{
"plugins": ["prettier-plugin-organize-attributes"],
"attributeGroups": ["^class$", "^(id|name)$", "$DEFAULT", "^aria-"]
}按照 attributes plugin 文档中给出的顺序，直接进行了设置。
结果
<label class="m-icon-round leading-normal {className}" text={icon} on:tap {...$$restProps} />最终按照我想要的顺序设置好了。
花了将近 5 天学习和配置 eslint、prettier 后，我的感受是，虽然它们确实有很多非常方便的地方， 但学习起来实在太耗时了。关于最新配置方法的分享也不多。
而且，尤其是它们和 vscode 的兼容性很好，但在 IntelliJ 中，似乎有不少意料之外的障碍。
不过，为了提高代码的可维护性，让代码更整洁，即使需要花些时间，配置好基本的 eslint 和 prettier 似乎还是值得的。
有件事挺好笑的，在 IntelliJ 中执行 reformat code 时，prettier 会一并运行并完成处理， 但 eslint --fix 却不会运行。
这也太离谱了…… 所以即使在 eslint 中设置了 attributes 的顺序，并通过 eslint --fix 进行了修正， 再次执行 reformat code 时，attributes 的顺序还是会改变。
当然，就像上面的图片所示，虽然有 Run eslint --fix on save 这个选项，但这个选项本身用起来意外地非常不方便。
希望有一天，执行 reformat code 时也能同时运行 eslint --fix。