sublime text 本身不支持 html 预览，需依赖插件或外部工具；view in browser 是 st4 下最稳定插件，支持 file:// 和内置服务器模式，但自动刷新需配合 livereload cli 与浏览器扩展，并手动保存或启用自动保存。
Sublime Text 本身不支持 HTML 预览，所谓“实时预览”全是靠外部工具或插件补位；直接按 Ctrl+B 打开 HTML 文件会失败，因为默认没构建系统，也不是语言运行环境。
View in Browser 插件怎么装和用最稳
这是目前 Sublime Text 4 下兼容性最好、更新最勤的预览插件，不依赖 Node.js，也不改文件路径，就是调系统命令打开 file:// 链接。
- 用
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）呼出命令面板，输入Package Control: Install Package回车 - 等列表加载完，搜
View in Browser（注意大小写和空格，别选错成旧版Open In Browser或已停更的SideBarEnhancements附带功能） - 安装后默认快捷键是
F12，打开 HTML 文件后直接按就能在系统默认浏览器中加载 - 如果想指定 Chrome，进
Preferences → Package Settings → View in Browser → Settings，加一行："browser": "chrome"（可选值还有firefox、edge、safari）
为什么 file:// 打开经常白屏或报错
不是插件坏了，是现代浏览器（尤其 Chrome）对本地协议做了限制：fetch、XMLHttpRequest、相对路径的 JS/CSS 加载、Service Worker 全部被禁用。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 页面空白？先看地址栏是不是以
file:///开头——如果是，基本就是跨域拦截了 - 临时解决：Chrome 启动时加参数
--allow-file-access-from-files（仅调试用，每次都要重开浏览器） - 真正可靠的做法：在插件里启用内置服务器。右键 HTML 文件 →
View in Browser → Start Server，它会起一个http://localhost:8080服务，绕过所有file://限制 - 别信那些“Live Preview”“HTML Preview”插件——它们大多只维护到 ST3，ST4 上根本跑不起来，或者只是把
file://路径硬塞给浏览器，问题照旧
想保存就自动刷新，得靠外部工具，不是插件
Sublime 里装任何叫 LiveReload 或 Auto Refresh 的插件都没用。真正起作用的是独立进程 + 浏览器扩展组合。
- 先装 Node.js，再全局装 CLI：
npm install -g livereload - 项目根目录运行：
livereload . --port 35729 --exts html,css,js - Chrome 必须装官方
LiveReload扩展（图标是黑白靶心），点开后右下角显示LiveReload is connected才算连上 - 网页必须用
http://localhost:xxxx打开，file://协议下扩展直接失效 - 如果控制台报
WebSocket connection to 'ws://localhost:35729/livereload' failed，先查端口是否被占：lsof -i :35729（macOS/Linux）或netstat -ano | findstr :35729（Windows）
最常被忽略的一点：所有“自动刷新”方案都要求你主动保存文件（Ctrl+S），Sublime 默认不自动保存；如果忘了存，改了也白改。建议打开 Preferences → Settings，把 "save_on_focus_lost": true 加进去——切出编辑器窗口时自动存，才真正接近“实时”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
