The ultimate snippets collection and VS Code extension that automatically exposes all available snippets for every library you are using in your project.
Search library's snippets
- Type your library name, if it's present in the list and you have it in your package.json/yarn.lock.
- Navigate through available snippets for your library and select the one you need.
- Use tab in order to switch cursor between highlighted parts of the snippet.
Access Javascript base snippets
To access base snippets for Javascript just type keyword base
and you will see the list of available snippets such as import, export, loops, functions etc. All base snippets you can find there.
For more information about the project please visit main Snipsnap repository.
Install through VS Code extensions. Search for Snipsnap-vscode
Visual Studio Code Market Place: Snipsnap - snippets handler
Can also be installed in VS Code: Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
ext install snipsnap-vscode
No config required and more than that - no config even exists! You are good to go right after installing the extension.
No manual activation required as well, the extension triggers if your workspace folder contains package.json
file and does magic on its own, but if you still need to trigger it, use Reload Window
in Command Palette.
You can turn the successful snipet fetching notification off by specifying snipsnap.silent
property's value to true
in your VSCode's settings.json
:
// settings.json
{
// other user settings
"snipsnap.silent": true
}
Or by using GUI:
Snipsnap works by gathering all deps throughout the project, even from lock files, so some of subdependencies like lodash could pollute your snippets environment and become a major frustrating factor.
To ensure that no %unwanted_library%
snippets are being fetched, you should create .snipsnapignore.json
file at the root of your project and specify all libraries you want to be ignored in a single list, e.g.
["react", "lodash", "html"]
Reload using Command Paletter or just reload the window. If the problem hasn't dissapeared, please, submit an issue with a description.
This extension respects the VS Code telemetry setting so if you have telemetry disabled in VS Code we will also not collect telemetry. See the Visual Studio Code docs for information on how to disable telemetry.
However, at this point 0 telemetry data is being gathered if you did not tweaked vscode telemetry settings.
MIT