美文网首页
eslint 内联元素不忽略未换行

eslint 内联元素不忽略未换行

作者: 14px | 来源:发表于2021-12-03 15:53 被阅读0次

eslint 的默认配置太过分了,我写了这么漂亮的代码:

<div class="c_submit">
    <button type="button">重置</button>
    <button type="button">确定</button>
</div>

结果它说我是错的,正确的姿势是这样的:

<div class="c_submit">
    <button type="button">
        重置
    </button>
    <button type="button">
        确定
    </button>
</div>

终于还是在 vue 官网中找到说明:
https://eslint.vuejs.org/rules/singleline-html-element-content-newline.html
正确的姿势:

"vue/singleline-html-element-content-newline": ["error", {
    "ignoreWhenNoAttributes": true,
    "ignoreWhenEmpty": true,
    "ignores": ["pre", "button", "span", "i", "code"]
}],

注意,千万不要学官网的,写个:...INLINE_ELEMENTS,因为它会忽略行尾的空格,很丑陋。

相关文章

  • eslint 内联元素不忽略未换行

    eslint 的默认配置太过分了,我写了这么漂亮的代码: 结果它说我是错的,正确的姿势是这样的: 终于还是在 vu...

  • 你造吗?HTML 不能这么写

    目录 a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素,内联元素不能包含块级元素,只能包含内联元...

  • html初级总结

    段落 换行 删除线 斜体 下划线 加粗 添加属性 块元素,布局,换行 内联元素,布局,不换行 添加图片,并且图片不...

  • 文档流

    文档流定义 1.文档流中:内联元素默认从左到右流,遇到阻碍或者宽度不够自动换行,继续按照从左到右的方式布局。块级元...

  • CSS—通过伪类控制链接表现

    链接 //#代表空链接 a标签是内联元素,如果两个内联元素之间出现了空格或者换行,那个勿乱出现多少次,内联元素中...

  • TS语法忽略、eslint忽略

    ts项目开发 某些情况下我们希望忽略ts语法检测 typescript忽略 eslint忽略+typescript忽略

  • HTML连续内联元素之间的空隙如何解决

    如果内联元素在代码中之间存在换行,那么页面上的内联元素之间会有空隙存在.如何取消掉这种不受控制的空隙呢. 去掉内联...

  • 常用的eslint忽略校验语句

    eslint忽略对某一文件的校验 上述代码加在文件的第一行,例如:忽略eslint对jsencrypt.min.j...

  • 04.HTML常见标签

    换行标签 水平线 注释 块元素 内联元素 例: image.png

  • 14.css设置内联元素span等标签常识问题

    1.内联元素不能设置width和height 预览效果: 2.padding水平内边距,内联元素可以设置水平方向的...

网友评论

      本文标题:eslint 内联元素不忽略未换行

      本文链接:https://www.haomeiwen.com/subject/uuxmxrtx.html