KeyStrap for Brackets#

A Brackets extension to add Bootstrap 3 HTML5 Snippets to your page using simple (and sometimes complex) shortcut keys.

Error Reporting

In testing a found a few Bracket extensions that conflict with my keyboard shortcut layout scheme. If you find a bug, please hit F12 for the debugger and contact me with the error code. ~Thanks

Installation

1. Open the Brackets Extension Manager and search for "KeyStrap".
2. Download straight from GitHub using https://github.com/AsherPeruscini/KeyStrap/archive/master.zip

Directions

• Ctrl + Shift + Alt + F1 > container 'div'
• Ctrl + Shift + Alt + F2 > fluid container 'div'
• Ctrl + Shift + Alt + F3 > row 'div'
• Ctrl + Shift + Alt + F4 > fluid row 'div'
• Ctrl + Shift + Alt + F5 > section
• Ctrl + F1 > col-xs-1 'div'
• Ctrl + F2 > col-xs-2 'div'
• Ctrl + F3 > col-xs-3 'div'
• Ctrl + F4 > col-xs-4 'div'
• Ctrl + F5 > col-xs-5 'div'
• Ctrl + F6 > col-xs-6 'div'
• Ctrl + F7 > col-xs-7 'div'
• Ctrl + F8 > col-xs-8 'div'
• Ctrl + F9 > col-xs-9 'div'
• Ctrl + F10 > col-xs-10 'div'
• Ctrl + F11 > col-xs-11 'div'
• Ctrl + F12 col-xs-12 'div'
• Ctrl + Alt + F1 col-sm-1 'div'
• Ctrl + Alt + F2 col-sm-2 'div'
• Ctrl + Alt + F3 col-sm-3 'div'
• Ctrl + Alt + F4 col-sm-4 'div'
• Ctrl + Alt + F5 col-sm-5 'div'
• Ctrl + Alt + F6 col-sm-6 'div'
• Ctrl + Alt + F7 col-sm-7 'div'
• Ctrl + Alt + F8 col-sm-8 'div'
• Ctrl + Alt + F9 col-sm-9 'div'
• Ctrl + Alt + F10 > col-sm-10 'div'
• Ctrl + Alt + F11 > col-sm-11 'div'
• Ctrl + Alt + F12 > col-sm-12 'div'
• Ctrl + Shift + F1 > col-md-1 'div'
• Ctrl + Shift + F2 > col-md-2 'div'
• Ctrl + Shift + F3 > col-md-3 'div'
• Ctrl + Shift + F4 > col-md-4 'div'
• Ctrl + Shift + F5 > col-md-5 'div'
• Ctrl + Shift + F6 > col-md-6 'div'
• Ctrl + Shift + F7 > col-md-7 'div'
• Ctrl + Shift + F8 > col-md-8 'div'
• Ctrl + Shift + F9 > col-md-9 'div'
• Ctrl + Shift + F10 > col-md-10 'div'
• Ctrl + Shift + F11 > col-md-11 'div'
• Ctrl + Shift + F12 > col-md-12 'div'
• Shift + Alt + F1 > col-lg-1 'div'
• Shift + Alt + F2 > col-lg-2 'div'
• Shift + Alt + F3 > col-lg-3 'div'
• Shift + Alt + F4 > col-lg-4 'div'
• Shift + Alt + F5 > col-lg-5 'div'
• Shift + Alt + F6 > col-lg-6 'div'
• Shift + Alt + F7 > col-lg-7 'div'
• Shift + Alt + F8 > col-lg-8 'div'
• Shift + Alt + F9 > col-lg-9 'div'
• Shift + Alt + F10 > col-lg-10 'div'
• Shift + Alt + F11 > col-lg-11 'div'
• Shift + Alt + F12 > col-lg-12 'div'
• Ctrl + 1 > insert col-xs-offset-{number}
• Ctrl + 2 > insert col-sm-offset-{number}
• Ctrl + 3 > insert col-md-offset-{number}
• Ctrl + 4 > insert col-lg-offset-{number}
• Ctrl+Shift+N > Create a Navigation toolbar
• Ctrl+Shift+P > Create a Panel
• Ctrl+Shift+M > Create a Modal
• Ctrl+Shift+I > Create an input group
• Ctrl+Shift+C > Create an input group
• Ctrl+Shift+Alt+C > Create an input group
• More Components coming soon

This will make the relevant snippets at cursor location.

License

MIT License

** A special thanks to codeomnitrix for the inspiration and starter code for this project!