eslint 内联元素不忽略未换行

2021-12-03  本文已影响0人  14px

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,因为它会忽略行尾的空格,很丑陋。

上一篇下一篇

猜你喜欢

热点阅读