brackets实时预览需安装chrome官方扩展并重启浏览器，确保项目根目录含index.html且路径正确，仅支持静态页面调试，不兼容模块导入或构建工具。
Brackets 里点“实时预览”没反应，是没装浏览器插件
Brackets 的实时预览（Live Preview）不是纯本地功能，它依赖一个 Chrome 扩展来建立编辑器和浏览器之间的通信。没装这个扩展，点 Live Preview 按钮只会闪一下，控制台可能报 Failed to connect to browser。
- 必须用 Chrome 或基于 Chromium 的浏览器（Edge、Brave 等部分支持，但官方只保 Chrome）
- 在 Chrome 应用商店搜 “
Brackets Live Preview”，安装那个图标是蓝白 Brackets 字样的官方扩展 - 装完别忘了重启 Chrome，否则 Brackets 还是连不上
- 如果用了 uBlock Origin 或其他强拦截插件，临时禁用——它有时会拦掉 Brackets 的本地 WebSocket 请求
实时预览显示空白页或 404，检查文件路径和根目录
Brackets 默认把项目文件夹当 Web 根目录（/），所有 <link>、<script></script>、fetch() 的相对路径都从这里算起。路径错一格，预览就白屏，控制台报 net::ERR_FILE_NOT_FOUND。
-
index.html必须在项目根目录下，不能套在src/或public/里（除非你手动改服务器配置） - CSS/JS 引入写成
<link rel="stylesheet" href="style.css">，而不是./style.css或../style.css - 图片路径同理：
<img src="assets/logo.png">，对应文件结构是你的项目文件夹/assets/logo.png - 如果非要嵌套目录，得用 Brackets 的“本地服务器”模式：右键文件 →
Open With > Live Preview (Local Server)，它会起一个 mini HTTP server，支持子路径
修改 HTML/CSS 后页面不自动刷新，确认是否启用了 Live Preview 模式
Brackets 的实时预览不是全局监听，它只对当前激活的 HTML 文件生效，且必须处于 Live Preview 状态——不是开了预览窗口就行，要确保状态栏右下角显示绿色的 Live Preview ON。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 点菜单栏
Debug > Start Live Preview或按快捷键Ctrl+Alt+P（Win/Linux）/Cmd+Alt+P（Mac） - 如果状态栏没变绿，说明没真正连上；重试前先关掉所有 Chrome 标签页（尤其是已打开同项目的标签）
- CSS 修改一般秒生效，但 JS 改了不会热重载——它只刷新 DOM 和样式，不执行 JS 全局重载，所以
console.log新增语句要手动 F5 - HTML 结构改了，比如加个
<div>，会立即渲染；但如果改的是内联 <code>style属性，有时需要点一下页面再失焦才触发用 Brackets 写前端时，别指望它替代现代开发流
Live Preview 是个轻量调试辅助，不是开发服务器。它不处理模块导入（
import）、不转译 JSX/TS、不跑 webpack/vite 插件，遇到Uncaught SyntaxError: Cannot use import statement outside a module就该知道边界在哪了。- 静态页面、教学 demo、纯 HTML/CSS/原生 JS 小项目，它够用且顺手
- 一旦项目有构建步骤（比如用
npm run dev）、用到node_modules或环境变量，Live Preview 就失效，得切回终端起真实 dev server - 移动端调试几乎不可用——它只镜像桌面 Chrome 视口，没法模拟 iPhone 尺寸或触控事件
真正卡住的时候，往往不是 Brackets 设置错了，而是你忘了它压根不解析
package.json或读不懂import。这时候关掉预览，老老实实npm start更省时间。
