joshijitendra / brackets-snippets

Imitate Sublime Text's behavior of snippets, and bring it to Brackets.

Imitate snippets feature of Sublime Text, and bring it to Brackets.

Screen demo

Gif size ~500kb, please wait until loaded

Features

1. Insert snippets by pressing Tab key
2. Select next variables or cursors by pressing Tab key
3. Edit multiple variables at one time
4. Fully customize your own snippets in Snippets Manager (See below)
5. Hang around Snippets Library and find some other awesome snippets! (See below)

Snippets Manager

Snippets Library

The library is currently maintained by myself, you can contribute more snippets by simply creating an issue and submit your snippets, or

1. Fork this project;
2. Edit library-hints.yml, then commit changes and push it to your repository;
3. Perform a pull request.

Snippet Format

You will see help on snippet creating page. Or check out the examples in Snippets Library.

Environment variables would be added in future, see Todo#2.

Installation

Search Brackets Snippets (by edc) in Brackets Extension Manager, and install it.

Failed to download it in Brackets? Try the alternative instructions:

1. Download .zip package of the latest version
2. Drag the file into the bottom-left position of Extension Manager
3. Restart Brackets

Todo

1. Show snippets according to code context rather than file type, such as supporting internal style sheet
2. Add Environment Variables support like what Sublime Text provides
3. Allow import/export snippets (yaml format)
4. Allow Alt(Option)+Tab to focus previous variables

Credits

1. JavaScript & NodeJS Snippets for Sublime Text 2/3
2. HTML snippets for Sublime Text
3. CSS snippets for Sublime Text