sublime text 不渲染 svg，仅显示 xml 源码，因其是纯文本编辑器，不构建 dom 或执行渲染；所有“预览”均依赖外部浏览器或调用系统命令打开。
Sublime Text 本身不渲染 SVG，所谓“预览”只能靠外部浏览器或插件中转——没有真正在编辑器内绘图的方案，所有声称“内置渲染”的插件，底层都是调用 open、start 或 xdg-open 命令打开系统默认程序。
为什么 SVG 在 Sublime 里只显示 XML 源码？
因为 Sublime 是纯文本编辑器，不是浏览器。它读取 .svg 文件时和打开 .xml 一样，只解析为字符串，不做 DOM 构建、CSS 计算或 SVG 渲染。你看到的 <path d="M0,0 L10,10"></path> 就是全部，不会自动变成一条线。
- 所有“SVG Viewer”类插件，本质是快捷方式：帮你执行系统命令打开文件
- 部分插件（如
SVG Preview）会起本地 HTTP 服务再用 iframe 加载，但仍是浏览器渲染，不是 Sublime 自己画的 - 如果你双击 .svg 文件直接在 Firefox / Chrome 里打开了，那说明系统已关联好——这比装插件更可靠
安装 SVG Viewer 插件后右键没反应？检查这三处
常见失效不是插件没装好，而是环境没对齐：
- 确认文件后缀确实是
.svg，且 Sublime 已识别语法：菜单栏View > Syntax > SVG或XML（不能是 Plain Text） - 插件安装后需重启 Sublime，或手动触发
Package Control: Satisfy Dependencies（某些版本依赖未自动拉取） - 快捷键
Ctrl+Alt+V（Windows/Linux）或Cmd+Option+V（macOS）可能被其他插件占用，去Preferences > Key Bindings检查冲突
构建系统 vs 插件：哪个更适合快速预览？
构建系统（OpenInBrowser.sublime-build）更轻量、更可控；插件（如 SVG Viewer）提供额外功能（缩放、导出 PNG），但多一层抽象，容易卡在权限或路径上。
- 构建系统优点：
$file变量天然支持空格路径，Windows 下用cmd /c start "" "$file"避免弹黑窗，macOS 下open "$file"稳定性高 - 插件缺点：macOS 上若报
Unable to find binary，大概率是open命令被 SIP 限制或 Shell 环境未继承，此时构建系统反而更鲁棒 - 推荐组合：用构建系统做兜底（
Ctrl+Shift+B→OpenInBrowser），插件仅用于需要侧边预览或导出的场景
真正容易被忽略的点是：SVG 文件里的 viewBox 和 width/height 属性是否匹配。插件或浏览器预览时，如果图形“看不见”或“缩成一个点”，90% 是 viewBox 值写错或单位缺失，而不是预览工具的问题。
