Create new HTML5 boilerplate snippet in Sublime Text 3

There is a simple way to create your own HTML5 boilerplate/template snippet in Sublime Text 3 as you can see in the example below.

1. Start by going to Tools -> Developer -> New Snippet
2. Copy this code in the opened file:

3. Save this file in Packages/User using this format filename.sublime-snippet, where filename is the desired file name of your choice.

4. Now you just have to write html5 and press the Tab key to fill the file with a minimum HTML5 boilerplate (template).

With the help of field markers ($1, $2, $3 and $4), you can cycle through positions within the snippet by pressing the Tab key. Fields are used to walk you through the customization of a snippet after it’s been inserted.

You may also like...

2 Responses

  1. RD says:

    Simple and still needed in 2019 (article written in 2012).

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.