VS Code中Col标签子元素缩进问题

Question

VS Code中用到了栅格化标签<Row><Col>
自动格式化代码后出现了Col标签的子元素和Col平齐的情况

<Row>
    <Col>aaa</Col>
    <Col>
    <div class="box">bbb</div>
    </Col>
</Row>

div并没有正确的缩进
本来应该是这样

<Row>
    <Col>aaa</Col>
    <Col>
        <div class="box">bbb</div>
    </Col>
</Row>

请问应该在哪里进行自定义设置？

Answer 1

Answer 2

两年前的问题了呀，哎呀我也遇上了。
其实这个问题，是因为html有个行内标签col

它算是个特殊标签，没有子元素的，所以嘛，无论是eslint也好，还是prettier也好，对于这个标签的处理方式很暧昧。

解决这个问题，建议是直接使用iview-loader，然后template全部改为<i-row>的这种写法。
个人习惯，jsx使用Row，template使用i-row