Svelte VS Code:如何避免格式化程序从删除双引号的属性?

Question

我使用Svelte作为VS Code扩展。

当前在格式化时，它会删除HTML属性中的双引号

的例子:

export let altText;
<img src="test.jpg" alt="{altText}" />

格式化后会变成这样

export let altText;
<img src="test.jpg" alt={altText} />

这是完全有效的。但是，我想保留属性中的引号。有什么办法可以做到吗?

Answer 1

扩展使用了Prettier(这很烦人)。您可以通过添加.prettierrc并将quoteProps选项设置为"preserve"来配置它。

编辑:测试过了，目前不支持。

---

Svelte插件有一个设置严格模式的选项，可以通过VS设置:

{
"svelte.plugin.svelte.format.config.svelteStrictMode": true
}

或者通过.prettierrc(如果文件存在，则忽略VS设置):

{
"svelteStrictMode": true
}

这将保留引号，但也会删除简写，例如from

<script lang="ts">
export let alt: string;
</script>
<img src="test.jpg" {alt} />

<script lang="ts">
export let alt: string;
</script>
<img src="test.jpg" alt="{alt}" />