How to edit existing VS Code Snippets

The extensions snippets can be found inside each snippet directory below:
(if there are snippets in the extension)

Mac/Linux: $HOME/.vscode/extensions/
Windows: %USERPROFILE%\.vscode\extensions/

Select the extension you want to modify and then dive into the javascript.json file in snippets/ directory in there, and change whatever you like.

Just remember that if/when you choose to download and update the extension someday, all your personal modifications will get overwritten/replaced out with the updated version of the file.
(unless of course you squirrel away your changes outside of the extension’s directory…)

Edit/Aside:
Looking closely at all the copied editions already present in this directory, it appears that at least some of the extension updates keep the former version around. If this is the case, when you update an extension when a new version is released, you wouldn’t need to worry about storing a copy of your modified file somewhere else; returning a file to active duty might just be as easy as a copy-paste from the old into the appropriate, newer, higher numbered directory.

Resources/citations/acknowledgements:
Thanks to here for helping initially pointing me towards the relevant directory.

Leave a Comment