CODEWITHSUNDEEP
sublimetextsublimetext3
Inigo
Inigo

Reputation: 8685

How do I edit snippets in Sublime Text 3?

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.

Upvotes: 58

Views: 30455

Answers (6)

Saptarshi Hore
Saptarshi Hore

Reputation: 31

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

Upvotes: 3

Zvezdochka
Zvezdochka

Reputation: 1328

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

Upvotes: 3

Lloyd
Lloyd

Reputation: 8406

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.

Upvotes: 0

code-8
code-8

Reputation: 58652

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

Upvotes: 60

IanVS
IanVS

Reputation: 3775

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]

Upvotes: 75

Christopher
Christopher

Reputation: 2266

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.

Upvotes: 1

Related Questions