Sublime Text 中运行 HTML 代码有两种方式:使用内置 HTML 预览器:按快捷键打开预览器,输入 HTML 代码,点击“预览”按钮。使用外部浏览器和插件:安装 LiveReload 插件,保存文件后,浏览器中的预览会自动刷新。

Sublime Text 中运行 HTML 代码
Sublime Text 是一款流行的代码编辑器,它提供了多种运行 HTML 代码的方法。以下是两种最常用的方法:
1. 使用内置 HTML 预览器
- 按 Ctrl + Alt + H(Windows)或 Cmd + Option + H(Mac)打开 HTML 预览器。
- 输入或粘贴你的 HTML 代码。
- 点击 预览 按钮查看结果。
2. 使用外部浏览器
立即学习“前端免费学习笔记(深入)”;
JS超酷图片翻动展示效果,根据鼠标进出图片的方向来控制图片进出的方式,效果超炫,兼容主流浏览器。 使用方法: 1、head区域引用文件 lrtk.css,animation.css 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、js代码需要在html代码之后载入public.js,main.js 4、如需修改图片尺寸,直接在lrtk.css第10行修改即可
- 安装一个浏览器插件,例如 LiveReload。
- 在 Sublime Text 中打开你的 HTML 文件。
- 保存文件。
- 插件将自动刷新浏览器中的预览。
详细步骤:
使用内置 HTML 预览器:
- 打开 Sublime Text。
- 打开或创建要预览的 HTML 文件。
- 按 Ctrl + Alt + H(Windows)或 Cmd + Option + H(Mac)打开 HTML 预览器。
- 等待预览加载完成。
使用外部浏览器(LiveReload 插件):
- 在浏览器中安装 LiveReload 插件。
- 打开 Sublime Text。
- 打开或创建要预览的 HTML 文件。
- 点击 工具 → 构建系统 → 选择构建系统。
- 选择 LiveReload 构建系统。
- 保存文件。
- 浏览器中的预览将自动刷新。










