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