vscode-snippets-viewer

Snippets Viewer ⇥ for VSCode

Support

Snippets Viewer ⇥ was created to simplify navigation and preview of code snippets from built-in languages and extension snippets.

Please consider becoming a Fan and sponsoring our dev efforts on this and other Random Fractals, Inc. code and data viz extensions if you find them useful, educational, or enhancing your daily dataViz/dev code workflows:

☕️ https://ko-fi.com/dataPixy 💖 https://github.com/sponsors/RandomFractals

Snippets Viewer

Snippets Viewer Tree View

Features

View built-in and extension snippets grouped by language in the Snippets Tree View ⎇
View user-defined language snippets
View project-scoped language snippets for workspaces with multiple folders
Combine language snippets without snippets file grouping display in the Snippets Tree View ⎇
Toggle built-in language extension snippets display
Skip language snippets option for the specified languages in extension settings
Expand snippet files on snippet language tree node expand
Auto-select and expand language snippets on active text editor change
Show only snippets for the active text editor language
See snippet prefix and shortcut keystrokes in the Snippets Tree View ⎇
View snippet description and preview snippet body in the Snippets Tree View ⎇ markdown tooltip
Insert a snippet from the Snippets Tree View ⎇ into the active code text editor
Open snippets file to view snippets JSON config
Go to the snippet definition in a snippet file
Sort snippets by definition order in a snippet file
Sort snippets by name
View Snippets Viewer settings

VSCode Contributions

Snippets Viewer ⇥ extension Settings, Commands, and VSCode Views:

Snippets Viewer VSCode Feature Contributions

Installation

Install Snippets Viewer ⇥ via VSCode Extensions tab (Ctrl+Shift+X) by searching for snippets viewer || via VSCode marketplace search results.

Snippets Viewer Installation

Configuration

Create User or Workspace Settings in VSCode to change default Snippets Viewer ⇥ extension Settings:

Snippets Viewer Settings

Note: All Snippets Viewer ⎇ Settings start with snippets.viewer. prefix. Example of .vscode/settings.json you can use to specify Snippets Viewer ⎇ Settings in open project Workspace to overwrite global User settings and toggle Snippets tree view display options listed below:

{
  // Local Snippets viewer settings
  "snippets.viewer.sortSnippetsByName": false,
  "snippets.viewer.combineLanguageSnippets": true,
  "snippets.viewer.expandSnippetFiles": true
}

Setting Name	Type	Default Value	Description
`combineLanguageSnippets`	boolean	`false`	Combine language snippets in the Snippets tree view.
`expandSnippetFiles`	boolean	`false`	Expand snippet files on snippet language tree node expand in the Snippets tree view.
`focusOnActiveEditorSnippets`	boolean	`false`	Focus on active editor snippets when Snippets tree view is visible.
`showBuiltInExtensionSnippets`	boolean	`true`	Show built-in language extension snippets in the Snippets tree view.
`showOnlyActiveEditorLanguageSnippets`	boolean	`false`	Show only active editor language snippets in the Snippets tree view.
`skipLanguageSnippets`	string		Comma delimited list of languages to skip snippets display in the Snippets tree view.
`sortSnippetsByName`	boolean	`false`	Sort loaded snippets by name in Snippets tree view.

Dev Build

Use the following commands to build this Snippets Viewer VSCcode extension locally for debugging and submitting pull requests (PRs):

$ git clone https://github.com/RandomFractals/vscode-snippets-viewer
$ cd vscode-snippets-viewer
$ npm install
$ code .

Watch for changes:

$ npm run-script watch

Press F5 in VSCode to start Snippets Viewer extension debug session.

Contributions

Any & all test, code || feedback contributions are welcome.

Open an issue || create a pull request to make this Snippets Viewer VSCode extension work better for all. 🤗

RandomFractals / vscode-snippets-viewer

readme