如何根据一些理智的默认值轻松地重新标签 html 文件？

Question

我有一些 html 文件，我想重新设置如下所示：

<header>
    <div class="wrapper">
                    <img src="images/logo.png">
                    <div class="userbox">
                            <div class="welcome">Welcome Andy!</div>
                            <div class="blackbox">
                                    <ul>
                                            <li><a href="#">Invite Friends</a></li>
                                            <li><a href="#">My Account</a></li>
                                            <li><a href="#">Cart</a></li>
                                            <li><a href="#">Sign Out</a></li>
                                    </ul>
                            </div>
                    </div>
            </div>
</header>

我希望它们看起来像这样：

<header>
  <div class="wrapper">
    <img src="images/logo.png">
    <div class="userbox">
      <div class="welcome">Welcome Andy!</div>
        <div class="blackbox">
          <ul>
            <li><a href="#">Invite Friends</a></li>
            <li><a href="#">My Account</a></li>
            <li><a href="#">Cart</a></li>
            <li><a href="#">Sign Out</a></li>
          </ul>
        </div>
    </div>
  </div>
</header>

或者一些理智的默认。对于当前目录中的所有 html 文件，从 ubuntu 中的终端执行此操作的最简单方法是什么？

Answer 1

在vim：

:set softtabstop=0
:set expandtab
:set smarttab
:set shiftwidth=2
gg=G
:retab

编辑：解释：

• 第 1-3 行：理智的默认
• 第 4 行：缩进 2 个空格
• 第 5 行：
  • gg: 顶线
  • =: 缩进直到...
  • G： ...结尾
• 第 6 行：确保所有制表符都转换为空格