Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Snippets ViewerNew to Visual Studio Code? Get it now.

Snippets Viewer

shilim

|
62 installs
| (0) | Free
Snippets Viewer
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

list1

GroupByLanguage

list2

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

disableSnippets

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.

targetToFile

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft