设置:带有Typescript,ESlint的新vue-cli 3.0项目 VSCode中的有效插件:Vetur,更漂亮
我检查了所有可以找到的设置,然后来回尝试,但无法解决以下问题:
更漂亮,格式化项目的.ts
文件没有任何问题。在我的.vue
文件中,Vetur使用 prettyhtml 作为模板部分,它也可以正常工作。对于脚本(lang="ts"
)部分,Vetur根据我在任何地方都找不到的一些规则对它进行格式化-但绝对不是Prettier / Prettier配置。例如。我在Prettier设置中更改了singleQuotes = true
和semi = false
,这对我的.ts
文件来说效果很好,但是在我的.vue
文件的脚本部分中,它将自动格式化为双引号和分号。
您知道为什么Vetur不依赖Prettier来处理.vue
文件的脚本部分吗?另外,该设置应用于该部分的位置(例如singleQuotes是/否)?
答案 0 :(得分:1)
如果我使用{“ singleQuote”:true}添加本地.prettierrc文件,则格式化将按预期进行。
答案 1 :(得分:0)
编辑Vetur的漂亮选项的另一种方法是将其添加到VSCode settings.json
:
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false
}
}