美文网首页
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 内联元素不忽略未换行

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