VS Code 安装 SVG Preview，让在VS Code底下就可直接预览图档

SVG是一个矢量的图像格式，虽然看似图档，其实它本身是由许多节点所组合而成，因此当用一般的文字编辑器时，便可看到里有有密密码码的一堆数字，去记录图像的图案，但要预览SVG文件时，在MAC内建的窗口中就可直接的预览，但这样就得每次将窗口切来切去的寻找所需的图案。

因此梅干在VS Code中安装了几套的SVG预览外挂，发现SVG Preview这套外挂，就可将VS Code分割成二个画面，一个是SVG的源代码，另一个窗口则会显示SVG的图案，如此一来在寻找档案就更加的方便啦！ 因此有在使用VS Code的朋友，也一块来看看啰！

Step1
首先先切到扩充面板，并在上方搜寻SVG Preview后，看到一个闪电的SVG图示后，再按Install进行安装。

Step2
在安装完毕后，当点击svg的档案时，在页签的右上角就会看到一个闪电的图标。

Step3
点一下闪电后，立即就会显示SVG的图像，如此一来就可同时的显示svg的源代码与图案啦！ 当在寻找图案就更加方便，因此有在用VS Code的朋友，这外挂也千万别错过了。