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

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

  •  
  •   huoguo32 · 2022-06-16 21:19:27 +08:00 · 1048 次点击
    这是一个创建于 768 天前的主题,其中的信息可能已经有所发展或是发生改变。
    用的是 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  
       2022-06-16 21:23:54 +08:00   ❤️ 1
    VikingX
        2
    VikingX  
       2022-06-16 21:24:16 +08:00   ❤️ 1
    这种?
    huoguo32
        3
    huoguo32  
    OP
       2022-06-16 21:25:19 +08:00 via Android
    @VikingX 对对对,感谢,我正在研究怎么放图片呢,就是这个毛病
    PinkRabbit
        4
    PinkRabbit  
       2022-06-16 21:27:47 +08:00   ❤️ 1
    应该是 prettier 的 htmlWhitespaceSensitivity 这个选项的问题
    huoguo32
        5
    huoguo32  
    OP
       2022-06-16 21:35:40 +08:00
    @PinkRabbit 感谢指教,不过我没找到 Prettier ESLint 这个扩展的修改方式请问您知道吗
    VikingX
        6
    VikingX  
       2022-06-16 22:02:53 +08:00
    huoguo32
        7
    huoguo32  
    OP
       2022-06-16 22:05:11 +08:00
    @VikingX 感谢指教,不过我没找到 Prettier ESLint 这个扩展的修改方式请问您知道吗
    VikingX
        8
    VikingX  
       2022-06-16 22:59:53 +08:00
    VSCode: ~/Library/Application Support/Code/User/settings.json
    项目:.prettierrc 文件
    huoguo32
        9
    huoguo32  
    OP
       2022-06-16 23:22:41 +08:00 via Android
    @VikingX 非常感谢
    BreadKiller
        10
    BreadKiller  
       2022-06-17 00:14:59 +08:00
    这个标签
    >登陆</router-link>
    如果变成
    >登陆
    </router-link>
    那渲染的时候,“登录”后面会有一个空白字符的
    其实“>”这个下移才不会对标签里的内容进行改变,自己取舍吧
    huoguo32
        11
    huoguo32  
    OP
       2022-06-17 08:17:44 +08:00 via Android
    @BreadKiller 收到,原来如此,谢谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4926 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 09:06 · PVG 17:06 · LAX 02:06 · JFK 05:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.