VS Code 不支持图文混排是因其定位为纯文本编辑器，核心设计取舍在于保障光标精确定位、搜索匹配与 Git diff 可读性；图文并排需借助浏览器打开 HTML、Markdown Preview Enhanced 插件预览或 Jupyter Notebook 实现。
VS Code 里没法直接“一半文字一半图片”
VS Code 是代码编辑器，不是富文本编辑器或 Markdown 预览器——它默认不渲染图片，也不支持在编辑区里混排图文。所谓“一半文字一半图片”，本质是混淆了「编辑视图」和「预览/输出视图」的边界。
你真正在找的，其实是这三种场景之一
场景一：写 Markdown 时想左右并排显示文字和图
VS Code 自带的 Markdown 预览（Ctrl+Shift+V）只支持基础 HTML 标签，但不支持 float、display: flex 等布局样式。用 <img src="..." style="max-width:90%" alt="vscode怎么一半文字一半图片" > 在预览里大概率失效。
- ✅ 可行做法：用 HTML 表格或
<div style="display:flex"> 写在 Markdown 文件里，再用浏览器打开该文件（右键 → “Reveal in Explorer” → 拖进 Chrome）<li>⚠️ 坑：VS Code 预览不执行内联样式，别在预览窗口里较真布局</li> <p><strong>场景二：注释里想嵌入本地图片路径</strong><br>比如写 <code>// —— 这只是字符串，不会渲染，也不能点击打开。- ✅ 可行做法：装插件
Markdown Preview Enhanced，它支持在预览中渲染 Mermaid、LaTeX 和真正对齐的图片（含align属性） - ⚠️ 坑：路径必须相对当前 .md 文件，
./不是相对于工作区根目录
场景三：调试/终端里想“显示图片”
有人误以为print("?️")或os.system("open image.png")能让图片“出现在代码旁边”——其实只是触发外部程序，和编辑区无关。- ✅ 可行做法：用 Jupyter 扩展（
ms-toolsai.jupyter），在.ipynb里自然支持图文交错单元格 - ⚠️ 坑：
python -m http.server启服务 + 浏览器访问，才是稳定看图方式，别指望编辑器变 Photoshop
为什么 VS Code 坚持不做图文混排？
因为它的核心契约是「精准操作纯文本」：光标要能落在每个字符上，搜索要能跨行匹配，Git diff 要可读。一旦允许像素级图文定位，就等于放弃这些能力——这不是功能缺失，是设计取舍。
如果你需要稳定左文右图，最终大概率得导出为 PDF（用
markdown-pdf插件）或扔进 Obsidian / Typora 里编辑。VS Code 的角色，是帮你把路径写对、格式校验好、图片存在那儿——至于怎么排，交给更专业的工具。 - ✅ 可行做法：装插件
