V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
huoguo32
V2EX  ›  问与答

请问 Prettier+ESLint 格式化代码为什么会出现尾部标签下移的问题

  •  
  •   huoguo32 · 57 天前 · 570 次点击
    这是一个创建于 57 天前的主题,其中的信息可能已经有所发展或是发生改变。
    用的是 eslint+Prettier ESLint 来实现自动格式化,但是标签这块好像出了问题,比如这个 router_link 的结尾都自动下移了一行,让整个代码看起来很丑。请问该怎么配置
    以下是自动格式化后的代码
    <template>
    <nav class="navbar navbar-dark bg-primary justify-content-between mb-4 px-4">
    <router-link class="navbar-brand" to="/">者也专栏</router-link>
    <ul v-if="!user.isLogin" class="list-inline mb-0">
    <li class="list-inline-item">
    <router-link to="/login" class="btn btn-outline-light my-2"
    >登陆</router-link
    >
    </li>
    <li class="list-inline-item">
    <router-link to="/signup" class="btn btn-outline-light my-2"
    >注册</router-link
    >
    </li>
    </ul>
    <ul v-else class="list-inline mb-0">
    <li class="list-inline-item">
    <dropdown :title="`你好 ${user.nickName}`">
    <dropdown-item>
    <router-link to="/create" class="dropdown-item"
    >新建文章</router-link
    >
    </dropdown-item>
    <dropdown-item>
    <router-link :to="`/column/`" class="dropdown-item"
    >我的专栏</router-link
    >
    </dropdown-item>
    <dropdown-item disabled
    ><a href="#" class="dropdown-item">编辑资料</a></dropdown-item
    >
    <dropdown-item>
    <a href="#" class="dropdown-item">退出登陆 </a>
    </dropdown-item>
    </dropdown>
    </li>
    </ul>
    </nav>
    </template>
    11 条回复    2022-06-17 08:17:44 +08:00
    VikingX
        1
    VikingX  
       57 天前   ❤️ 1
    VikingX
        2
    VikingX  
       57 天前   ❤️ 1
    这种?
    huoguo32
        3
    huoguo32  
    OP
       57 天前 via Android
    @VikingX 对对对,感谢,我正在研究怎么放图片呢,就是这个毛病
    PinkRabbit
        4
    PinkRabbit  
       57 天前   ❤️ 1
    应该是 prettier 的 htmlWhitespaceSensitivity 这个选项的问题
    huoguo32
        5
    huoguo32  
    OP
       57 天前
    @PinkRabbit 感谢指教,不过我没找到 Prettier ESLint 这个扩展的修改方式请问您知道吗
    VikingX
        6
    VikingX  
       57 天前
    huoguo32
        7
    huoguo32  
    OP
       57 天前
    @VikingX 感谢指教,不过我没找到 Prettier ESLint 这个扩展的修改方式请问您知道吗
    VikingX
        8
    VikingX  
       57 天前
    VSCode: ~/Library/Application Support/Code/User/settings.json
    项目:.prettierrc 文件
    huoguo32
        9
    huoguo32  
    OP
       57 天前 via Android
    @VikingX 非常感谢
    BreadKiller
        10
    BreadKiller  
       57 天前
    这个标签
    >登陆</router-link>
    如果变成
    >登陆
    </router-link>
    那渲染的时候,“登录”后面会有一个空白字符的
    其实“>”这个下移才不会对标签里的内容进行改变,自己取舍吧
    huoguo32
        11
    huoguo32  
    OP
       57 天前 via Android
    @BreadKiller 收到,原来如此,谢谢
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2349 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 12:12 · PVG 20:12 · LAX 05:12 · JFK 08:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.