Question

在旧问题中找不到合适的解决方案，所以

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
        <style type="text/css">
body, input{
    background-color:red;
}
        </style>
        <script>
function test() {
    return false
}
        </script>
    </head>
    <body>
        <div></div>
    </body>
</html>

除了<style>和<script>标记内的代码之外的所有内容都缩进了，我该如何解决？

Answer 1

我在html中使用othree/html5.vim css / javascript supports插件。尽管这不是最简单的解决方案，但它仍然有效。

您的代码缩进为：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <style type="text/css">
      body, input{
        background-color:red;
      }
    </style>
    <script>
      function test() {
        return false
      }
    </script>
  </head>
  <body>
    <div></div>
  </body>
</html>

Answer 2

事实证明：这是有意为之！甚至我当前安装的Vim 8.1都包含一个indent/html.vim文件，该文件的默认设置具有零缩进。

但这可以通过vimrc通过以下方式配置：

let g:html_indent_script1 = "inc" 
let g:html_indent_style1 = "inc"

:help html-indent

中还提到了

...和-对我们感到羞耻-

vim，正确的方法来缩进html中的css和js

2 个答案: