How do I edit snippets in Sublime Text 3?

SublimetextSublimetext3

Sublimetext Problem Overview


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.

Sublimetext Solutions


Solution 1 - Sublimetext

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]

Solution 2 - Sublimetext

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

enter image description here

Then, you can find your snippet like this:

enter image description here

Solution 3 - Sublimetext

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.

Solution 4 - Sublimetext

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

Solution 5 - Sublimetext

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 (e.g. 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.

Solution 6 - Sublimetext

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

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionInigoView Question on Stackoverflow
Solution 1 - SublimetextIanVSView Answer on Stackoverflow
Solution 2 - Sublimetextcode-8View Answer on Stackoverflow
Solution 3 - SublimetextChristopherView Answer on Stackoverflow
Solution 4 - SublimetextZvezdochkaView Answer on Stackoverflow
Solution 5 - SublimetextLloydView Answer on Stackoverflow
Solution 6 - SublimetextSaptarshi HoreView Answer on Stackoverflow