Svelte for VS代码：如何避免格式化属性中的双引号？

Question

我正在使用 vs code for 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”。

编辑：对此进行了测试，目前是 not 尊重的。

---

Svelte的插件具有设置a 严格模式 ，要么通过VS设置：

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

或通过.prettierrc（如果存在文件，则忽略VS设置）：

{
    "svelteStrictMode": true
}

将保留引号，但也会杀死速记，因此

<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}" />