Sublime Text 中运行 HTML 代码分四步:打开 HTML 文件、安装 LiveServer 插件、配置该插件,然后使用快捷键或命令面板运行 HTML 代码。

Sublime Text 中运行 HTML
Sublime Text 是一款流行的代码编辑器,它提供了运行 HTML 代码的便捷方式。
打开 HTML 文件
首先,打开要运行的 HTML 文件。在 Sublime Text 中,使用键盘快捷键 "Ctrl + O" 或 "Cmd + O" 打开文件。
立即学习“前端免费学习笔记(深入)”;
安装 LiveServer 插件
接下来,需要安装一个插件来进行实时预览。推荐使用 "LiveServer" 插件。要安装它,请打开命令面板("Ctrl + Shift + P" 或 "Cmd + Shift + P"),搜索 "Package Control: Install Package" 并安装 "LiveServer"。
支持静态模板,支持动态模板标签,支持图片.SWF.FLV系列广告标签.支持百万级海量数据,绑定内置URL伪装策略(URL后缀名随你怎么写),绑定内置系统升级策略(暂不开放升级),绑定内置模板付费升级策略(暂不开放更新)。支持标签容错处理,绑定内置攻击防御策略,绑定内置服务器优化策略(系统内存释放的干干净净)。支持离线运行,支持次目录,兼容U主机。支持会员功能,支持文章版块权限阅读,支持会员自主注册
配置 LiveServer 插件
按照插件的提示配置 LiveServer。通常只需要修改根目录和浏览器配置。
运行 HTML
配置完成后,可以运行 HTML 代码。以下有两种方法:
- 使用快捷键:按下 "Ctrl + Alt + L" 或 "Cmd + Option + L"。
- 使用命令面板:打开命令面板,搜索 "LiveServer: Open Live Preview" 并运行它。
运行后,Sublime Text 将启动一个本地服务器并在浏览器中打开该 HTML 文件。您可以实时查看代码更改。
注意事项
- 确保已安装必要的 Web 服务器,例如 Apache 或 Nginx。
- 如果无法运行 LiveServer,请检查插件是否正确安装并且根目录已正确配置。
- 您还可以使用其他插件或工具来运行 HTML 代码,例如 "HTML Preview"。










