@phoenix-plugin-registry/edc.brackets-snippets

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

Usage no npm install needed!

<script type="module">
  import phoenixPluginRegistryEdcBracketsSnippets from 'https://cdn.skypack.dev/@phoenix-plugin-registry/edc.brackets-snippets';
</script>

README

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.

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