This is an for Visual Studio Code IDE. This extension provides the standard SVG code snippets used in all web applications. This saves you a lot of typing involved while writing SVG elements
- Install Visual Studio Code 0.10.1 or higher
- Launch VS Code
- Launch the command palette by using
Ctrl-Shift-P
(Windows, Linux) orCmd-Shift-P
(OSX) - Type in Install Extension and select 'Extensions : Install Extensions'
- Type
SVG Snippets
- Choose the extension from the drop down and press enter
- Reload Visual Studio Code
Type 'svg-' in any HTML file and select the required SVG element from the intellisense dropdown. That's it!!
<a>, <animate>, <animateMotion>, <animateTransform>
<circle>, <clipPath>, <cursor>
<defs>, <desc>
<ellipse>
<feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feDiffuseLighting>, <feDistanLight>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMergeNode>, <feMorphology>, <feOffset>, <fePointLight>, <feSpecularLighting>, <feSpotLight>, <feTile>, <feTurbulence>, <filter>, <foreignObject>
<g>, <glyph>
<image>
<line>, <linearGradient>
<marker>, <mask>, <missing-glyph>, <mpath>
<path>, <pattern>, <polygon>, <polyline>
<radialGradient>, <rect>
<script>, <set>, <stop>, <style>, <svg>, <switch> <symbol>
<text>, <textPath>, <title>, <tref>, <tspan>
<use>
<color-profile>, <feConvolveMatrix>, <feDisplacementMap>, <feFuncA>, <feFuncB>, <feFuncG>, <feFuncR> <font>, <font-face>, <font-face-format>, <font-face-name>, <font-face-src>, <font-face-uri>, <glyphRef>, <hkern>, <metadata>, <view>, <vkern>
If you have any issues report them at Issues