eslint 内联元素不忽略未换行

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容