How to create a snippet in Sublime Text

Question

<tabTrigger>hisnip</tabTrigger>
<description>Test Snippet</description>
<scope>js, php</scope>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>hello</tabTrigger> -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->

how can I import this file, mySnippet.sublime-snippet into sublime setting so I could always access this snippet without adding to the JS and PHP snippet default file. Is this the way to create snippet in sublime? I want to have a snippet file with my custom code snippets and maybe prioritize them above the default. but seems like sublime does not have user snippet and default snippet json.

zeantsoi · Accepted Answer · 2013-11-07 05:11:09Z

7

First and foremost: your snippet, as such, probably won't do much. You'll want to format it in the following way:

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>hisnip</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.js</scope>
    <scope>source.php</scope>
</snippet>

To begin creating a new snippet, go to Tools > New Snippet in the menu bar. This will create a new snippet with default options and formatting. You can get a comprehensive list of custom options from the docs.

Once you've created and customized your snippet, go to Sublime Text > Preferences > Browse Packages... and save the snippet in the User directory:

Navigating to Browse Package...

Saving Sublime Text 2 snippet

Note that the proper file extension for snippets is .sublime-snippet. You may also need to restart Sublime Text to load the snippet into use.

Once loaded into the environment, you'll be able to access your snippet by typing hisnip (or whatever is encapsulated between the <tabTrigger></tabTrigger> tags) and pressing the Tab key.

edited Nov 7, 2013 at 5:11

answered Nov 7, 2013 at 5:01

zeantsoi

26.3k7 gold badges72 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2167582 Over a year ago

thanks looking for thisone for a long time, could i also do more than one snippet in one file <snippet></snippet><snippet></snippet>

Sho · Accepted Answer · 2013-12-20 16:55:34Z

1

There is a simple but useful package called 'SublimeSnippetMaker'.

https://github.com/jugyo/SublimeSnippetMaker

answered Dec 20, 2013 at 16:55

Sho

414 bronze badges

Collectives™ on Stack Overflow

How to create a snippet in Sublime Text

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related