VS Code需装扩展实现实时预览：Markdown用Ctrl+Shift+V呼出预览并保存刷新；HTML用Live Server右键启动本地服务，保存即更新；注意文件类型支持、路径规范、浏览器缓存及自动保存设置。
vscode 怎么开启实时预览（比如 Markdown / HTML）
VS Code 本身不内置浏览器预览，得靠扩展或命令触发——不是点一下就自动刷新，得明确告诉它“你该预览什么”。
- Markdown 文件：装
Markdown Preview Enhanced或官方Markdown All in One，按Ctrl+Shift+V（Windows/Linux）或Cmd+Shift+V（macOS）呼出预览窗格，编辑时保存（Ctrl+S）会自动更新 - HTML 文件：装
Live Server扩展，右键文件 →Open with Live Server，它会起一个本地服务（比如http://127.0.0.1:5500/xxx.html），保存即刷新，不用手动 F5 - 别指望“编辑器里直接渲染”，VS Code 是文本编辑器，不是浏览器；所谓“一边编辑一边看”，本质是「保存 → 触发刷新」，中间没有延迟，但必须有保存动作
为什么改了代码没反应？常见断点在哪
不是所有文件类型都支持热更新，也不是所有预览方式都监听保存事件。
-
Live Server只对.html、.css、.js等静态资源生效；如果写的是index.ts或app.vue，它不会理你——得配构建工具（如 Vite）再连开发服务器 - 用
Markdown Preview时，如果文件路径含中文或空格，某些旧版扩展可能解析失败，预览空白但无报错；换路径或升级扩展即可 - 浏览器开了缓存（尤其 Chrome），即使 Live Server 发了新内容，页面也可能卡在旧版本；加个
Ctrl+F5强刷，或开发者工具里勾上Disable cache
想看终端输出或调试日志，怎么不切窗口
不需要跳到终端标签页，VS Code 支持内联终端和调试控制台共存。
- 终端：快捷键
Ctrl+`（反引号）呼出集成终端，运行node app.js或npm run dev后，编辑保存，终端里自然打出新日志 - 调试时：按
F5启动后，左侧自动出现Run and Debug面板，下方Debug Console标签页里能看到console.log输出，和编辑器并排拖放即可 - 注意：
Debug Console不等于Terminal——前者只显示调试进程的 stdout/stderr，后者是完整 shell；想看process.env或执行git命令，必须去 Terminal
HTML + JS 混合编辑时，怎么避免改完 JS 页面不更新
Live Server 默认只监听文件变更，但 JS 如果被其他模块打包、压缩或通过 CDN 加载，就脱离它的监控范围。
- 确认 JS 是直接
<script src="xxx.js"></script>引入的，而不是用import+ 构建工具处理的；后者需要整个项目启动开发服务器（如vite） - 检查浏览器开发者工具的
Network标签页，刷新后看xxx.js的响应状态码是不是304（缓存命中）；如果是，给 script 标签加个时间戳参数：<script src="app.js?t=123"></script> - VS Code 的文件保存策略影响体验：关掉
files.autoSave（设为off）的话，忘记按Ctrl+S就永远看不到变化——建议设成afterDelay
