SVG是指可伸缩的矢量图形，SVG文件是存储网络矢量图像的文本文件。如果在文本编辑器中打开SVG文件，通常会显示这些文件的文本内容。如果您直接编辑这些文件，您可能希望了解Visual Studio代码如何呈现这些文件。
SVG查看器插件允许您可视化SVG文件，从而节省您使用其他应用程序查看工作的时间。本质上，它可以节省您快速编辑SVG文件的时间。
选择权
下列Visual Studio代码设置可用于SVG查看器。您可以在用户设置中设置工作区设置，也可以按如下方式设置
{
svgviewer . transparency grid ' : true，
svgviewer . enableautopreview ' : true，
svgviewer.previewcolumn': '旁'，
svgviewer . transparency color ' : ' # 2bd 163 '，
svgviewer . showzoominout ' : true
}
安装和使用SVG查看器插件
1.单击最左侧活动栏中的[扩展]按钮，切换到安装扩展的视图，该视图已经为每个人提供了20，000多个小型且易于使用的扩展。这些扩展不仅可以省时省力，还可以提高开发效率，如下图所示：
2.在【扩展】搜索栏中输入‘SVG Viewer’，等待几秒后自动显示一些相关的扩展，如下图所示：
3.直接点击SVG查看器扩展列表中的安装按钮，即直接安装SVG查看器扩展，如下图所示：
4.安装完成后，直接重启VS Code即可。
5.右键单击选中的项目文件夹区域，如下图所示：
6.将SVG图标素材复制到项目文件夹区域，如下图所示：
7.右键单击SVG图标素材，然后在弹出的快捷菜单中选择【SVG查看器：查看SVG】，如下图所示：
[作者声明]
这段经历原本是我根据自己的真实经历创作的，需要转载到博客、自媒体平台、技术网站等。未经许可，我严格遵守我的知识产权，拒绝转载。如需转载，请联系本人授权。
联系电子邮件：3403978592@qq.com