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

本文最后更新于:2022年4月8日 凌晨

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

HTML 代码乱七八糟,不整洁,不优雅,怎么办?

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

动图如下:

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

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。