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)

Articles And Tutorials

Traditional Chinese 繁体中文

• 如何在brackets實現code hinting GSAP

Japanese 日本語

• Brackets × "スニペット管理" で爆速コーディングを実現する
• Brackets：様々な言語のスニペット登録・管理ができるエクステンション「Brackets Snippets (by edc)」
• Brackets Snippets (by edc)を使って、Sassの&（アンパサンド）をより楽に記述する方法
• Bracketsの「Emmet」と「Brackets Snippets (by edc)」が競合する問題を解決する
• WordPress開発が捗りそうなBracketsおすすめ拡張40個まとめ

English

• My Recommended Brackets Extensions
• Widely Used Plugins/Extensions of Brackets

Russian русский язык

• Обзор Brackets #0

Korean 한국어

• 코딩의 작업효율을 올려주는 Brackets 확장기능

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.

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