.vue 文件的脚本部分由 Vetur 格式化但没有使用 Prettier

Question

设置：带有 Typescript、ESlint 的新 vue-cli 3.0 项目 VSCode 中的活跃插件：Vetur、Prettier

我检查了我能找到的所有设置并来回试验但无法解决以下问题：

Prettier 格式化项目的 .ts 文件没有任何问题。在我的 .vue 文件中，Vetur 使用 prettyhtml 作为模板部分，效果也很好。对于脚本 (lang="ts") 部分，Vetur 根据一些我在任何地方都找不到的规则对其进行格式化 - 但绝对不是 Prettier/Prettier 配置。例如。我在我的 Prettier 设置中更改了 singleQuotes = true 和 semi = false，这对我的 .ts 文件工作正常，但在我的 .vue 文件的脚本部分中，它只会自动格式化为双引号和分号。

知道为什么 Vetur 不依赖 Prettier 来处理 .vue 文件的脚本部分吗？此外，应用于该部分的设置在哪里（例如 singleQuotes true/false）？

Answer 1

如果我添加带有 { "singleQuote": true } 的本地 .prettierrc 文件，格式将按预期工作。

Answer 2

另一种编辑 Vetur Prettier 选项的方法是将其添加到您的 VSCode settings.json:

"vetur.format.defaultFormatterOptions": {
  "prettier": {
    "semi": false
  }
}

.vue 文件的脚本部分由 Vetur 格式化但没有使用 Prettier

Script part of .vue files gets formatted by Vetur but without the use of Prettier

vue.js

prettier

vetur