Indent Guides for Brackets
An extension for Brackets to show indent guides in the code editor.
How to Install
- Select Brackets > File > Extension Manager...
- Search for this extension.
- Click on the Install button.
How to Use Extension
Toggle the extension with View > Indent Guides.
Life without Indent Guides:
Life with Indent Guides:
Works great in the dark as well:
Preferences let you control the style and color:
Determines whether the indent guides will be shown or hidden.
Determines whether the first Indent Guide will be hidden or shown.
The color of the indent guides. Can be any valid CSS Color value.
This value determines the style of the guide: "solid" or "dotted".
For more information on setting preferences see How to Use Brackets - Preferences
Custom Key Bindings
If you would like to add a customized keyboard shortcut to toggle indent guides,
set your shortcut key to the following command id:
For example, if you want the shortcut
Ctrl-Shift-I to toggle the indent guides,
type the following entry into the
overrides section of your
For more information on setting Custom Key Bindings see User Key Bindings.
Code challenges are closed issues and enhancement requests that I have attempted to resolve without success. Maybe you have an idea that will help?
Just look for the
code challenge label in the closed issues list. Post a comment
on the issue and we can discuss your solution ideas. Here is a list of the current
code challenges for this extension:
- Empty lines do not display indent guides
- Show only one indent guide in hanging indent
- Indent guides make scrolling less performant
- Only show indent guides when text is present on line
MIT-licensed -- see
main.js for details.