如何在Vim中正确缩进HTML_Vim

如何在Vim中正确缩进HTML

vim

如何在Vim中正确缩进HTML,vim,Vim,我有以下HTML代码： </head> <body> <div id="app"> <div class="demo" @click="attachRed = !attachRed" :class="{red: attachRed, blue: !attachRed}" > </div> <div cl

我有以下HTML代码：

</head>

<body>
<div id="app">
    <div
            class="demo"
            @click="attachRed = !attachRed"
            :class="{red: attachRed, blue: !attachRed}"
    >
    </div>
    <div
            class="demo">
    </div>
    <div
            class="demo">
    </div>
</div>
<script>
  new Vue({
  el: '#app',
  data: {
  attachRed: false,
  },
  computed: {
    divClasses: function() {
    return {
      red: this.attachRed,
      blue: !this.attachRed,
    }
    }
  }
  })
</script>
</body>
</html>

我需要在Vim或WebStorm设置中更改什么，以便在视觉模式下选择所有内容并按下=时，它会正确缩进？

您希望它嵌套更深一层吗？使用默认的Vim HTML tidy对我来说很有效。您的机器上安装了吗？它是非常可配置的，您可以在

$VIMRC

中添加一个命令，以使用类似

vmap，x:！tidy-q-i——显示错误0

。如果没有获得所需的输出，可能是因为HMTL无效。这可以摆脱整洁的类型代码。你想让它嵌套更深一层吗？使用默认的Vim HTML tidy对我来说很有效。您的机器上安装了吗？它是非常可配置的，您可以在

$VIMRC

中添加一个命令，以使用类似

vmap，x:！tidy-q-i——显示错误0

。如果没有获得所需的输出，可能是因为HMTL无效。这可以摆脱整洁的类型代码。

</head>

<body>
<div id="app">
    <div
            class="demo"
            @click="attachRed = !attachRed"
            :class="{red: attachRed, blue: !attachRed}"
    >
    </div>
    <div
            class="demo">
    </div>
    <div
            class="demo">
    </div>
</div>
<script>
  new Vue({
    el: '#app',
    data: {
    attachRed: false,
  },
    computed: {
      divClasses: function() {
        return {
          red: this.attachRed,
          blue: !this.attachRed,
        }
      }
    }
  })
</script>
</body>
</html>