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

时间:2018-12-03 10:10:57

标签: vue.js prettier vetur

设置:带有Typescript,ESlint的新vue-cli 3.0项目 VSCode中的有效插件:Vetur,更漂亮

我检查了所有可以找到的设置,然后来回尝试,但无法解决以下问题:

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

您知道为什么Vetur不依赖Prettier来处理.vue文件的脚本部分吗?另外,该设置应用于该部分的位置(例如singleQuotes是/否)?

2 个答案:

答案 0 :(得分:1)

如果我使用{“ singleQuote”:true}添加本地.prettierrc文件,则格式化将按预期进行。

答案 1 :(得分:0)

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

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