sublime text 无法内置渲染 svg，所谓“预览”实为调用浏览器或外部程序；确认文件被识别为 svg 语法（右下角显示“svg”）、检查 viewbox/width/height 是否合规、避免路径属性被格式化破坏，才是预览成功的关键。
Sublime Text 本身不渲染 SVG，所谓“安装插件实现预览”，本质是调用系统命令打开浏览器或外部程序——没有真正在编辑器内绘图的能力。装错插件、配错语法、路径含空格、viewBox 写错，都会导致“点了没反应”或“白屏”。关键不在插件本身，而在环境对齐和 SVG 结构校验。
怎么确认 Sublime 正确识别了 SVG 文件
如果右键菜单里没有 SVG Viewer: Preview 或快捷键无效，90% 是文件未被识别为 SVG 语法，而非插件没装好。
- 打开任意
.svg文件后，看窗口右下角状态栏：必须显示SVG（不是XML、Plain Text或空白） - 若显示错误，手动设置：菜单栏
View > Syntax > Open all with current extension as… > SVG - 检查文件扩展名是否确实是
.svg（注意大小写、隐藏后缀；Windows 可能显示为.SVG但 Sublime 默认不匹配） - 某些旧版插件依赖
XML语法高亮，可临时切到View > Syntax > XML测试是否恢复右键菜单
SVG Viewer 插件安装后右键无响应的排查点
插件安装完成不等于可用。常见失效链路是：Package Control 依赖未拉取 → 插件初始化失败 → 命令注册为空。
- 重启 Sublime Text：插件安装后必须重启，否则命令面板和右键菜单不会加载
- 检查依赖：按
Ctrl+Shift+P输入Package Control: Satisfy Dependencies并执行（尤其 macOS 和 Linux 上常卡在这步） - 验证命令是否存在：再按
Ctrl+Shift+P，输入SVG Viewer，看是否有SVG Viewer: Preview选项出现 - 快捷键冲突：默认快捷键
Ctrl+Alt+V（Windows/Linux）可能被 IME 或其他插件占用；去Preferences > Key Bindings搜索ctrl+alt+v确认是否被覆盖
比插件更可靠：用构建系统一键在浏览器打开
构建系统（Build System）绕过插件抽象层，直接调用系统命令，稳定性更高，尤其适合 macOS SIP 环境或 Windows 路径含空格场景。
- 按
Ctrl+Shift+P输入Build System: New Build System…，粘贴以下内容：
{
"shell_cmd": "cmd /c start \"\" \"$file\"",
"selector": "source.svg",
"windows": {
"shell_cmd": "cmd /c start \"\" \"$file\""
},
"osx": {
"shell_cmd": "open \"$file\""
},
"linux": {
"shell_cmd": "xdg-open \"$file\""
}
}
- 保存为
OpenInBrowser.sublime-build（注意后缀） - 保存后，按
Ctrl+Shift+B，选择OpenInBrowser即可打开当前 SVG -
$file自动转义空格和特殊字符，比插件内部路径处理更鲁棒
预览白屏或图形消失，大概率不是工具问题
浏览器打开 SVG 却只显示空白？别急着换插件或重装编辑器。SVG 是 XML，但对结构敏感，编辑器不会校验语法，删错一个属性就全挂。
-
<svg></svg>标签必须有width和height，或至少一个viewBox；两者都缺时，Chrome/Firefox 默认不渲染 -
viewBox值格式必须是四个数字（如viewBox="0 0 100 100"），不能带单位（px、em）、不能换行、不能多空格 -
<path d="..."></path>中的d属性值禁止被 Sublime 的自动换行或 XML 格式化插件拆分——一行写完，空格/逗号/字母是唯一合法分隔符 - 用浏览器开发者工具（F12）看 Console 是否报错：
Invalid value for <svg> attribute viewBox</svg>就是它
真正容易被忽略的是：你改的不是预览逻辑，而是 SVG 本身的渲染前提。插件和构建系统只是“打开方式”，而 viewBox、width/height、d 属性的合法性，才是图形能否出现的开关。
