Sublime Text 本身不渲染 SVG，所谓“实时预览”只是调用系统默认浏览器打开文件并监听保存事件触发刷新；所有插件底层均依赖 open（macOS）、start（Windows）或 xdg-open（Linux）命令，无真正内置绘图能力。
Sublime Text 本身不渲染 SVG，所谓“实时预览”只是调用系统默认浏览器打开文件并监听保存事件触发刷新——没有真正在编辑器内绘图的方案，所有插件底层都走 open（macOS）、start（Windows）或 xdg-open（Linux）命令。
安装 Package Control 是前提，不是可选项
没装 Package Control，后续所有插件都无法可靠安装。新版 Sublime Text 4 多数已自带，但如果你用的是旧版或便携版，必须手动补上：
- 按
Ctrl+`打开控制台（View → Show Console），粘贴官方安装脚本（Python 3 兼容版），回车执行 - 执行后不会弹窗提示，但重启 Sublime 后按
Ctrl+Shift+P能搜到Package Control: Install Package就算成功 - 如果命令面板里搜不到该命令，说明安装失败——常见原因是网络被拦截，可换用国内镜像源或手动下载
Package Control.sublime-package放入Packages/目录
SVG Viewer 插件最轻量，但自动刷新需手动开
它不依赖 Node.js 或 Python 环境，适合快速验证。安装后默认不启用自动重载，改完代码要手动刷新浏览器，容易误以为“没生效”：
- 安装方式：按
Ctrl+Shift+P→ 输入Package Control: Install Package→ 搜SVG Viewer→ 回车 - 首次预览必须右键 SVG 文件 →
SVG Viewer: Preview（或用快捷键Ctrl+Alt+V），不能靠双击或拖入 - 启用自动刷新：菜单栏
Preferences → Package Settings → SVG Viewer → Settings，把"auto_reload": true加进用户配置（不是默认配置） - 注意：自动刷新只在文件被保存后触发，编辑中不响应；若浏览器标签页被关掉，下次保存不会自动重开
Preview 插件更通用，但路径解析容易出错
它不只是为 SVG 设计，而是通用“用浏览器打开当前文件”工具，对路径敏感，尤其当 SVG 引用了外部资源（如 <image xlink:href="icon.png">）时：
- 安装后，右键 →
Preview in Browser或快捷键Alt+R（Windows/Linux） - 它按
file://协议打开，所以相对路径以当前文件所在目录为基准；若 SVG 中有../assets/logo.svg，浏览器会尝试加载file:///.../assets/logo.svg，但跨目录可能被浏览器安全策略拦截 - 解决办法：把整个项目根目录设为 Sublime 工作区（
Project → Add Folder to Project），再用 Preview，部分版本能更好解析相对路径 - 不推荐用于含 JS 交互或
<script>标签的 SVG——浏览器同源策略和 Sublime 的 file 协议不兼容，控制台会报错
别信“内置渲染”宣传，语法高亮和预览是两回事
很多教程混淆了“SVG 语法识别”和“图形预览”。你看到彩色标签、折叠 <path>、高亮 d 属性，只是 XML/HTML 语法支持，和能否看到图形毫无关系：
- 确认语法识别正确：打开 SVG 文件后，右下角状态栏应显示
Syntax: SVG或XML；若显示Plain Text，右键 →Set Syntax → SVG - 插件无法修复 viewBox 缩放错误、单位缺失（如
width="100"无单位）、或非法字符导致的浏览器白屏——这些得靠人眼检查源码 - 真正影响预览体验的，反而是你本地浏览器是否支持 SVG 动画/滤镜/渐变；Chrome 最稳，Safari 对某些
clipPath渲染有差异，IE 已淘汰不提
