https://github.com/snappify-io/vscode-extension

The snappify vscode extension.
https://github.com/snappify-io/vscode-extension

Last synced: 3 months ago
JSON representation

The snappify vscode extension.

• Host: GitHub
• URL: https://github.com/snappify-io/vscode-extension
• Owner: snappify-io
• Created: 2022-06-06T11:07:16.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-26T13:59:52.000Z (about 1 year ago)
• Last Synced: 2024-04-29T02:24:19.941Z (7 months ago)
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=snappify.snappify
• Size: 2.48 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# snappify

snappify is the place for beautiful code snippets. Easily explain your code and share your knwowledge with the rest of the world.

And using this VS Code extension it's even simpler for create stunning images of your code.

# Extension Usage

## Context Menu

Using the extension is as easy as selecting the desired code and right-click -> "Open in Snappify ✨". This will lead you directly to snappify where a new snap is being created using the code you've selected.

![Context Menu](images/context-menu.png)

Afterwards you can edit the snap to your wishes with the powerful snappify Editor.

## Command Palette

Alternatively you can also selected the desired code and execute the command via the Command Palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X).

![Command Palette](images/command-palette.png)

# Features

Head over to [snappify.com](https://snappify.com/) to learn more about available options to explain your code.

You have many options like adding arrow elements, code highlights or custom images to truly explain how your code / features work.

If you're missing anything, don't hesitate to reach out to us via [[email protected]](mailto:[email protected])