Skip to content

Commit 1673ae3

Browse files
feat(docs): add more extension demos
1 parent 20f8f55 commit 1673ae3

File tree

5 files changed

+14
-4
lines changed

5 files changed

+14
-4
lines changed

README.md

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,10 @@ The **Snippets** view updates to include all snippets of the active editor's lan
1616

1717
![Edit Snippet Example](https://raw.githubusercontent.com/alexanderdombroski/snippetstudio/refs/heads/main/public/examples/edit.gif)
1818

19+
Double click a snippet file to open it. Double click to peek at a snippet. You can also reorder and move snippets.
20+
21+
![Reorder and Move Snippets Example](https://raw.githubusercontent.com/alexanderdombroski/snippetstudio/refs/heads/main/public/examples/reorder.gif)
22+
1923
See how to [manage snippets](https://alexanderdombroski.github.io/snippetstudio/docs/snippet-management/snippet-crud) in depth.
2024

2125
### Managing Snippet Files
@@ -30,6 +34,12 @@ The **Snippet Editor** view only appears when creating or editing snippets.
3034

3135
![Creating a Snippet from Selection](https://raw.githubusercontent.com/alexanderdombroski/snippetstudio/refs/heads/main/public/examples/selection.gif)
3236

37+
### Snippet Keybindings
38+
39+
Command to easily add [attach a keybinding](https://alexanderdombroski.github.io/snippetstudio/docs/snippet-management/keybinding-snippets) to a snippet. These are bound to the target languages by default.
40+
41+
![Add a Keybinding](https://raw.githubusercontent.com/alexanderdombroski/snippetstudio/refs/heads/main/public/examples/keybindings.gif)
42+
3343
### Tooling for Insertion Features
3444

3545
Use insertion features such as [placeholders, tabstops, variables, etc](https://alexanderdombroski.github.io/snippetstudio/docs/snippet-management/snippet-insertion-features) to make your snippets more powerful.
@@ -46,10 +56,6 @@ Import and export snippets using [GitHub gists](https://alexanderdombroski.githu
4656

4757
VS Code already has [powerful syncing](https://code.visualstudio.com/docs/configure/settings-sync) that provides a way to backup your snippets.
4858

49-
### Snippet Keybindings
50-
51-
Command to easily add [attach a keybinding](https://alexanderdombroski.github.io/snippetstudio/docs/snippet-management/keybinding-snippets) to a snippet. These are bound to the target languages by default.
52-
5359
### Profile Support
5460

5561
Snippets added to the active profile, or choose files to [sync across all profiles](https://alexanderdombroski.github.io/snippetstudio/docs/snippet-management/profile-snippets).
@@ -64,6 +70,8 @@ Copy snippets from [snippet extension packs](https://code.visualstudio.com/docs/
6470

6571
Save terminal commands commonly ran in the terminal across workspaces or globally. Hit the run button to automatically create a terminal and run it.
6672

73+
![Shell Snippets Example](./public/examples/shell-snippets.gif)
74+
6775
## Requirements
6876

6977
**Web Version:** This extension is not currently stable for [web versions](https://code.visualstudio.com/api/extension-guides/web-extensions) of VS Code due to its reliance on Node.js file system APIs.

docs/docs/shell-snippets/shell-snippets.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,3 +27,5 @@ Similar to code snippets, shell workspace snippets are associated with a project
2727
**Shell Profile**: the kind of terminal to use
2828

2929
The extension will pull from VS Code configuration to know what default shells to suggest and use. Read the VS Code documentation about [terminal profiles](https://code.visualstudio.com/docs/terminal/profiles).
30+
31+
![Run Shell Snippets](https://github.com/alexanderdombroski/snippetstudio/blob/main/public/examples/shell-snippets.gif?raw=true)

public/examples/keybindings.gif

794 KB
Loading

public/examples/reorder.gif

2.28 MB
Loading

public/examples/shell-snippets.gif

358 KB
Loading

0 commit comments

Comments
 (0)