Imitate Sublime Text's behavior of snippets, and bring it to Brackets.
JavaScript HTML CSS Makefile
Latest commit 490b0f6 Jan 27, 2016 @chuyik Merge pull request #75 from jsanta/master
CHG Added Bootstrap snippets

README.md

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

Screen demo

brackets-snippets-demo.gif

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-manager.png

Snippets Library

snippets-library.png

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.

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

Syncing

Please read #48

Todo

  1. Support more triggers like {{ /* (#10)
  2. Insert keystroke (#30)
  3. Support ctrl/cmd-save
  4. Work with emmet
  5. Add Environment Variables support like what Sublime Text provides (Anyone need this?)

Credits

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