How do I edit snippets in Sublime Text 3?

Question

In Sublime Text 3, how do I edit my pre-existing snippet files? Is there a way of doing this within ST?

At the time of writing, there doesn't seem to be a straightforward answer to this anywhere on the web.

Answer 1

Custom snippets are saved in a .sublime-snippet file that you create when you first save the snippet.

By default, these are placed in the "User" package. You can either browse to the file like you would any other file, or using PackageResourceViewer: Open Resource -> User -> [name of your snippet file]

Answer 2

For those of you that like a visual instruction here it is:

Then, you can find your snippet like this:

Answer 3

Here are the steps I had to follow (figure out on my own) for anyone else who wants to edit the built-in snippets of Sublime (in my case Javascript's "fun" "function" snippet). Note: this assumes you've installed the Package "PackageResourceViewer" already:

1. --> PackageResourceViewer: Extract Package
2. Then specify which package(s) you want to extract. FWIW this process was a bit confusing for me ... somehow I managed to select everything? but I only wanted/needed "JavaScript".
3. Wait a second or three for Sublime to extract these (no idea what this does in background, I assume maybe unzipping/extracting loose files to your file system?)
4. You'll get a confirmation dialog about your successful extraction
5. NOW you can edit built-in snippets by --> PackageResourceViewer: Open Resource
6. --> Select "JavaScript" (in my case)
7. --> Select "/Snippets" (in my case)
8. --> Select your snippet (in my case it was "function-(fun).sublime-snippet" or something like that.
9. The file will open and you can modify/save your changes ... FINALLY!

WAY too complicated IMHO but at least it works.

Answer 4

If someone (like me) is looking to edit a custom snippet: open file *.sublime-snippet which exists in

[home_directory]/.config/sublime-text-3/Packages/User/

If you have another file organization:

1. Start to make new snippet - Tools->developer->new snippet
2. Try to save it. Sublime shows you the right directory with snippets

Answer 5

Here is how to edit built-in snippets manually on macOS, in this case the JavaScript snippets. This is a way to do it without installing plugins:

1. Right click the Sublime Text app, select "Show Package Contents"
2. In the Finder, navigate to Contents -> MacOS -> Packages
3. Copy the JavaScript.sublime-package file to ~/Library/Application Support/Sublime Text 3/Installed Packages
4. Change the file name from JavaScript.sublime-package to JavaScript.zip and unzip the file
5. In your text editor, edit the contents of the unzipped JavaScript folder as required (eg delete the fun snippet from the Snippets folder)
6. Zip up the JavaScript folder again, rename it from JavaScript.zip to JavaScript.sublime-package and leave it in the Installed Packages folder.
7. Restart Sublime. Your new JavaScript package will override the built-in package.

Answer 6

Tools -> Developer -> View package file -> search for the existing snippet. Change and save.