Editor Keyboard shortcuts

There are many keyboard shortcuts that you can use to make your life easier while using the Voog design editor. It has most of the usual keyboard shortcuts your text editor has already built in.

Shortcut	Action
`CTRL` + `SHIFT` + `H`	Toggle Voog developer help
`CTRL` + `S`	Save current template, stylesheet or javascript
`CTRL` + `SHIFT` + `F`	Find in files
`CTRL` + `SHIFT` + `1`	Add layout
`CTRL` + `SHIFT` + `2`	Add component
`CTRL` + `SHIFT` + `3`	Add style (.css is added if name is inserted without .css)
`CTRL` + `SHIFT` + `4`	Add script (.js is added if name is inserted without .js)
`CTRL` + `SHIFT` + `RIGHTARROW`	Tab navigation left
`CTRL` + `SHIFT` + `LEFTARROW`	Tab navigation right
`CTRL` + `SHIFT` + `BACKSPACE`	Close Tab
`ALT` + hover image file in list	Show quick preview of image

We are using the Ace editor - so any of ace's keyboard shortcuts should also work.