Snippets Manager

Create and edit snippets easily.

This extension is built over the default VS Code snippets system, wrapping it into a nice and intuitive UI, improving usability, and making snippets easy to create, edit, delete and search. It supports user-custom snippets, global snippets and snippets from installed extensions.

Features

Manage snippets

Create, edit, delete or search snippets.

manager

Create snippets

Select range to create a snippet.

In order to make the content output by the snippet consistent with the selected content, we will automatically escape \ in the body of the snippet to \\ and $ to \$ by default. If you do not want to escape, you can choose menu items with (Without Escape).

Edit snippets

Open *.code-snippets in Snippets Editor and edit it.

edit

Notice:

After modifying extension snippets, you need to reload VS Code (Press F1, then execute Reload Window) to take effect.

Edit snippet body in text editor

You can edit snippet body in text editor by click the edit button aside "Body".

edit body

Undo/Redo

This extension provides a custom VS Code editor, so you can use VS Code shortcuts to undo/redo. By default, in Windows undo is Ctrl+Z redo is Ctrl+Shift+Z, in macOS undo is ⌘Z redo is ⇧⌘Z.

Select other editors open the `*.code-snippets` file

You can right-click the *.code-snippets file then left-click the Open Whit... option to select other editors to open the *.code-snippets file or set the default editor to open *.code-snippets files.

Search snippets

Search workspace, user or extension snippets.

Settings