https://github.com/lishu/vscode-svg2

A vscode svg langauge support extension
https://github.com/lishu/vscode-svg2

svg vscode-extension

Last synced: about 1 month ago
JSON representation

A vscode svg langauge support extension

• Host: GitHub
• URL: https://github.com/lishu/vscode-svg2
• Owner: lishu
• License: mit
• Created: 2019-09-05T08:27:21.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-30T04:08:49.000Z (6 months ago)
• Last Synced: 2024-08-01T19:54:49.145Z (4 months ago)
• Topics: svg, vscode-extension
• Language: TypeScript
• Homepage:
• Size: 2.65 MB
• Stars: 196
• Watchers: 4
• Forks: 10
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • Changelog: Changelog.md
  • License: LICENSE

Awesome Lists containing this project

• my-awesome-list - vscode-svg2

README

        
# 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.**

## Pause update announcements

SVG extensions have been available for 6 years.

Based on this version developed with the base code 4 years ago is already older and cannot use newer technologies.

I'm pausing the update for now, will wait until I have time for a third rewrite.

You can keep Issus, but there won't be a quick response.

We look forward to your continued support.

2023.4.15

## Features

### SVG Full Auto Completion

![feature 1](images/f1s.gif)

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

### Document Symbol tree

![feature 2](images/f3.png)

### SVG Live Preview and Export PNG

![feature 3](images/f2s.gif)

### MDN Reference for fast learn

![feature 4](images/f3s.gif)

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

### Fast Color Picker

![feature 4](images/f4s.gif)

### 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

* [Laurent Tréguier](https://github.com/LaurentTreguier) for sharing SVG formatting features

* [Björn Ganslandt](https://github.com/Ansimorph) for sharing Minify SVG features

* [Amelia Bellamy-Royds](https://github.com/AmeliaBR) for Add the xmlns and xmlns:xlink attributes

* [Evan Demaris](https://github.com/evandemaris)

* [Trevor Burnham](https://github.com/TrevorBurnham)

* [Philipp Kief](https://github.com/PKief)

* [rioj7](https://github.com/rioj7)

## Known Issues

SVG Version 2.0 is not included.

## Changelog

### 1.5.3 - 2023-07-02

* Fixed No Ascii text context in `` mode show error.

### 1.5.2 - 2023-03-18

* Fixed Preview external file reference support

### 1.5.1 - 2023-03-12

* Fixed `tspan`, `mask` lost attributes defineds.

### 1.5.0 - 2023-01-28

* Fixed Preview now can show `` newline.

### 1.4.23 - 2022-11-18

* Dependent package security updates

* Public `svg.showSvg` command so user can add hotkey.

### 1.4.21 - 2022-10-15

* Add `` css color picker support.

### [MORE](Changelog.md)

## Donations

[支持我](Donations.md).

-----------------------------------------------------------------------------------------------------------

## For more information

* [MDN SVG Reference](https://developer.mozilla.org/en-US/docs/Web/SVG)

**Enjoy!**