VS Code使用beautify插件自动对html,js,css进行格式化对齐显示

时间:2024-04-02 09:07:01

最近在写django项目,当网页页面内容比较多的时候,平时的不规范造成了html的文本对齐简直是一团糟。自己手动对齐只能一点点去调整间距,眼睛都看花了。因此,希望能够可以有自动对html进行对齐的方法。

这里我使用的是VS Code文本编辑器,具体步骤如下:

1. 安装Beautify插件

在VS Code的插件管理中寻找Beautify,进行安装

VS Code使用beautify插件自动对html,js,css进行格式化对齐显示

2 使用插件进行对齐

打开html文件,按F1

VS Code使用beautify插件自动对html,js,css进行格式化对齐显示

选择Beautiful selection

VS Code使用beautify插件自动对html,js,css进行格式化对齐显示

这里选择HTML就可以对全部内容进行对齐了。