3

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

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

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

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

4

2 回答 2

1

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

于 2018-12-05T13:48:01.330 回答
1

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

"vetur.format.defaultFormatterOptions": {
  "prettier": {
    "semi": false
  }
}
于 2019-02-03T23:42:56.773 回答