安装ExportHtml插件可将Sublime Text代码导出为带高亮的HTML文件,通过命令面板选择导出选项并自定义样式设置,如行号、字体大小等,便于分享或生成文档。

Sublime Text 本身不支持直接将代码导出为 HTML 文件,但可以通过安装 ExportHtml 插件实现 HTML 格式导出。这个插件可以将当前文件或选中的代码以带有语法高亮的 HTML 格式保存下来,非常适合用于分享代码片段或生成文档。
1. 安装 ExportHtml 插件
使用 Package Control 是最方便的安装方式:
- 在 Sublime Text 中按下 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac)打开命令面板
- 输入 Install Package 并选择对应选项
- 等待包列表加载完成后,搜索 ExportHtml
- 点击选择该插件进行安装
安装完成后无需重启,插件即可生效。
2. 使用 ExportHtml 导出 HTML
安装完成后,你可以通过以下步骤导出 HTML:
立即学习“前端免费学习笔记(深入)”;
- 打开需要导出的 HTML 或其他格式代码文件
- 按下 Ctrl+Shift+P 打开命令面板
- 输入 ExportHtml,会看到多个相关命令
- 选择 ExportHtml: To File 将整个文件导出为 HTML
- 选择保存路径,确认后即可生成带样式高亮的 HTML 文件
你也可以选择部分代码再执行导出,仅导出选中内容。
3. 自定义导出样式(可选)
ExportHtml 支持自定义字体、主题颜色、是否包含行号等设置:
- 进入菜单栏 Preferences → Package Settings → ExportHtml → Settings
- 修改配置文件来自定义输出外观,例如:
- "include_styles": true —— 内联样式,便于分享
- "line_numbers": true —— 显示行号
- "font_size": "12pt" —— 设置字体大小
基本上就这些操作。ExportHtml 是一个轻量但实用的插件,特别适合前端开发者将代码片段转为可视化 HTML 页面。只要按步骤安装并调用命令,就能快速完成导出,不复杂但容易忽略设置项。











