vscode-snippets-viewer

Snippets Viewer for Visual Studio Code Visual Studio Marketplace

Auto Loading Snippets From Expansion

You can easily view all extended code snippets from the sidebar

GroupByPlugins

GroupByLanguage

Usage

Insert Snippets

Click code snippet

Change GroupByType

Click the refresh button in the upper right corner

Refresh List

Click the 'Group By xxx' button in the upper right corner
Update User Settings to config

Disable/Enable Custom Snippets

Only support for custom snippets

Options

The following Visual Studio Code setting is available for the Snippets-Viewer. This can be set in User Settings or Workspace Settings.

{
    // custom snippet folder url
    "SnippetViewer.customUrl":"E:\\snippets",
    // groupByType default:'plugins'
    "SnippetViewer.groupByType":"plugins"
    // control the visibility of the 'targetToFile' button default:false
    "SnippetViewer.showTargetCodeBtn":false
}

Custom Snippets

Snippets code folder template. You can refer to the snippets folder

snippets                          
├─ custom    
│  └─ vue.json
│  └─ javacript.json                 
└─ config.json               

config.json template

[
  {
    "name": "custom",
    "children": [
      {
        "name": "vue",
        "children": "custom/vue.json"
      }
    ]
  }
]

Target To Snippets File

When SnippetViewer.showTargetCodeBtn is True, you can get a button to open the snippets file.