SublimeText自动格式化HTML设置方法

还在手动整理 HTML 代码？太out啦！Sublime Text 作为一款强大的代码编辑器，本身虽然不具备 HTML 自动格式化功能，但通过安装插件就能轻松搞定！本文详细介绍如何利用 Sublime Text 插件 HTML-CSS-JS Prettify 实现 HTML 代码的自动格式化，包括安装 Package Control、插件安装、快捷键使用以及自定义格式化配置等步骤。只需简单几步，即可告别混乱的代码，让你的 HTML 结构清晰、易于阅读，提升开发效率。赶快来学习一下吧！

Sublime Text需通过插件实现HTML自动格式化，推荐安装HTML-CSS-JS Prettify。1. 先安装Package Control；2. 通过命令面板搜索并安装插件；3. 使用Ctrl+A全选后按Ctrl+Shift+H格式化代码；4. 可通过“Set Prettify Config”自定义缩进、引号等规则，确保文件为.html后缀以正确识别。

Sublime Text 本身不带内置的 HTML 自动格式化功能，但通过安装插件可以轻松实现 HTML 自动格式化。最常用的方法是使用 Emmet 或 HTML-CSS-JS Prettify 插件来完成。

1. 安装 Package Control（如果尚未安装）

按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac），输入 "Install Package Control"，选择安装即可。

2. 安装 HTML 格式化插件

步骤如下：

• 按下 Ctrl+Shift+P 打开命令面板
• 输入 "Install Package"，选择 "Package Control: Install Package"
• 等待列表加载完成后，搜索并选择 HTML-CSS-JS Prettify
• 插件安装完成后会自动生效

3. 使用快捷键格式化 HTML

• 全选代码 Ctrl+A
• 按下 Ctrl+Shift+H（默认快捷键），即可自动美化 HTML 结构

4. 自定义格式化配置（可选）

• 点击菜单栏：Tools → Command Palette
• 输入 "Set Prettify Config"，选择对应命令
• 在弹出的 JSON 配置中，可设置如缩进为 2 或 4 个空格、是否使用双引号等

基本上就这些。只要插件装好，格式化 HTML 就变得很简单。快捷键一按，混乱的代码立马整齐。注意确保文件保存为 .html 后缀，以便插件正确识别。

本篇关于《SublimeText自动格式化HTML设置方法》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！