javascript - 如何关闭 VSC 扩展 Prettier 中的断线

Question

如何在 VSC 的 Prettier 扩展中更改这个破坏性的 HTML 标签？

<div 
v-for="(task, index) in todos" 
:key="task.id" 
class="task-list">
    <input 
    v-model="task.completed" 
    type="checkbox" 
    name="" 
    id="" />
    <div>
        <div 
        v-if="!task.editing" 
        @dblclick="changeTitle(task)" 
        class="task"       
        v-bind:class="{ completedTask: task.completed }">
            {{ task.title }}
        </div>
        <input 
        v-else type="text" 
        v-model="task.title" 
        @blur="doneEdit(task)" 
        @keyup.enter="doneEdit(task)"
        @keyup.esc="cancelEditing(task)" v-focus />

并将其更改为这样的格式？有一种方法可以在 vue 和 html 文件中更改此设置吗？

<div v-for="(task, index) in todos" :key="task.id" class="task-list">
    <input v-model="task.completed" type="checkbox" name="" id="" />
    <div>
        <div v-if="!task.editing" @dblclick="changeTitle(task)" class="task"
            v-bind:class="{ completedTask: task.completed }">
            {{ task.title }}
        </div>
        <input v-else type="text" v-model="task.title" @blur="doneEdit(task)" @keyup.enter="doneEdit(task)"
            @keyup.esc="cancelEditing(task)" v-focus />

标签： javascriptvisual-studio-codeprettier