https://github.com/1000ch/vscode-svgo

Fully featured SVGO extension for Visual Studio Code 🐯
https://github.com/1000ch/vscode-svgo

svg svgo vscode vscode-extension

Last synced: 5 days ago
JSON representation

Fully featured SVGO extension for Visual Studio Code 🐯

• Host: GitHub
• URL: https://github.com/1000ch/vscode-svgo
• Owner: 1000ch
• License: mit
• Created: 2018-03-15T08:48:13.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2024-09-10T06:13:30.000Z (4 months ago)
• Last Synced: 2025-01-10T13:35:57.613Z (12 days ago)
• Topics: svg, svgo, vscode, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=1000ch.svgo
• Size: 504 KB
• Stars: 73
• Watchers: 3
• Forks: 8
• Open Issues: 5
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

• jimsghstars - 1000ch/vscode-svgo - Fully featured SVGO extension for Visual Studio Code 🐯 (TypeScript)

README

        
# vscode-svgo [![test](https://github.com/1000ch/vscode-svgo/actions/workflows/test.yml/badge.svg)](https://github.com/1000ch/vscode-svgo/actions/workflows/test.yml)

Fully featured [SVGO](http://github.com/svg/svgo) plugin for [Visual Studio Code](https://github.com/microsoft/vscode).

## Install

Execute `Extensions: Install Extensions` command from [Command Palette](https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette) (Cmd Shift P) and search by **svgo**.

Also you can install this extension locally by putting symbolic link from `~/.vscode/extensions` to `~/path/to/this/repo` like below.

```bash

$ ln -s ~/workspace/github.com/1000ch/vscode-svgo  ~/.vscode/extensions/1000ch.svgo-local

```

## Usage

Open the Command Palette (Cmd Shift P) and search following commands.

- **svgo: Minify current SVG file**: to minify current SVG file

- **svgo: Format current SVG file**: to format current SVG file

You can also execute these commands from context menu of [Explorer](https://code.visualstudio.com/docs/getstarted/userinterface#_explorer) or Editor.

![You can use commands from the context menu of editor view](./screenshot-1.png)

## Config

### Extension config

You can enable/disable [plugins](https://github.com/svg/svgo/blob/master/docs/how-it-works/en.md#3-plugins) via [Configure Extension Settings](https://code.visualstudio.com/docs/editor/extension-gallery#_configuring-extensions).

### Project config

[To configure with `svgo.config.js`](https://github.com/svg/svgo#configuration), just put the config file in project root.

## License

[MIT](https://1000ch.mit-license.org) © [Shogo Sensui](https://github.com/1000ch)