vscode-svg2 icon indicating copy to clipboard operation
vscode-svg2 copied to clipboard

A vscode svg langauge support extension

Version

svg

A Powerful SVG Language Support Extension. Almost all the features you need to handle SVG.

Caution

There have been multiple reports that the minimization feature may break your SVG, and we are still looking for a better library replacement for SVGO, so back up your SVG documentation when using the minimize feature.

Features

SVG Full Auto Completion

feature 1

Tip: All Completion list is context, will only show enable items.

Document Symbol tree

feature 2

SVG Live Preview and Export PNG

feature 3

MDN Reference for fast learn

feature 4

Tip: Configure Trusted Domains add MDN to it get more fast action.

Fast Color Picker

feature 4

Rename Tag Name or Id Reference

Cursor in Tag Name or Id Attribute or url(#id) Hit F2(Windows) Key, Rename it!

In Id Reference Click Goto id="" element

Hot Ctrl Key and Move mouse to a url(#id), That it!

SVG Format Support

Default formatting support is HTML Language Serivce for compatible with complex svg content

Minify SVG with SVGO

Open the Command Palette (⇧⌘P on Mac and Ctrl+Shift+P on Win/Linux) and run Minify SVG. This will reduce the filesize significantly by removing all unnecessary code from the image.

Contributors

Known Issues

SVG Version 2.0 is not included.

Changelog

1.4.19 - 2022-07-16

  • Part support CDATA in script/style element.
  • Add Preview All: Exclude Configure for Preview All Svg command filter files.

1.4.18 - 2022-05-14

  • Preview zoom level will not reset when document change.

1.4.17 - 2022-02-09

  • Preview min Zoom will auto change for big size svg.

1.4.16 - 2022-02-05

  • Add Translate External Address Setting for Show <img> mode external url content

1.4.15 - 2021-12-22

  • Fix Previewr Focus Unexception.
  • Add Warring for Minify.
  • Add Code Interactive Button in Preview toolbar.

MORE

Donations

Support me in paypal.


For more information

Enjoy!