Notepad++ 与 Tidy2：前端必备神器

前端神器，一键格式化代码

HTML 代码乱七八糟，不整洁，不优雅，怎么办？

谷月姐推荐 Notepad++ 与插件 Tidy2，一键格式化代码，简直是前端神器，妈妈不用担心我的代码乱了。

动图如下：

Notepad++ 与插件 Tidy2 演示 (MP4)

---

安装步骤

1. 下载 Tidy2 （点击此处下载），在 C:\Program Files\Notepad++\plugins 文件夹下，新建一个名为 Tidy2 的子文件夹，将压缩包里的文件解压到此处。

2. 重启 Notepad++。

注意事项

注意：Tidy2 默认是每一级缩进是 2 个空格，而 Notepad++ 默认每一级缩进是 1 个 Tab。

所以，我们需要修改一下 Tidy2 的设置，让它配合 Notepad++ 的节奏。

步骤如下：

1. 点击插件 → Tidy2 → Edit Config 1，修改以下参数的值（如果没有就新增一个参数）：

   indent: yes
   indent-spaces: 4
   tab-size: 4

2. 按照以上动图的步骤操作就可以了：先用 Tidy2 格式化代码，再让 Notepad++ 把空格转换成 Tab，每 4 个空格转换成 1 个 Tab。