Code Monkey home page Code Monkey logo

brackets-indent-guides's Introduction

Indent Guides for Brackets

An extension for Brackets to show indent guides in the code editor.

How to Install

  1. Select Brackets > File > Extension Manager...
  2. Search for this extension.
  3. Click on the Install button.

How to Use Extension

Toggle the extension with View > Indent Guides.

Extension Preferences

brackets-indent-guides.enabled (boolean)
If the value of this preference is true, Indent Guides will be visible. If the value is false, Indent Guides will be hidden.

brackets-indent-guides.guideColor (string)
The color of the indent guides. Can be any valid CSS Color value.

brackets-indent-guides.guideStyle (string)
This value determines the style of the guide: "solid" or "dotted".

brackets-indent-guides.hideFirst (boolean)
If the value of this preference is true the first Indent Guide will not be drawn. This is useful if you are using a Brackets Theme that has a vertical border separating the line numbers from the code. Set the value to false to draw all Indent Guides.

For more information on setting preferences see How to Use Brackets - Preferences

Code Challenges

Code challenges are closed issues and enhancement requests that I have attempted to resolve without success. Maybe you have an idea that can 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:

  1. Empty lines do not display indent guides
  2. Show only one indent guide in hanging indent
  3. Indent guides make scrolling less performant
  4. Only show indent guides when text is present on line

License

MIT-licensed -- see main.js for details.

Compatibility

Tested on Brackets Release 1.0.0 Mac OSX (Mavericks).

brackets-indent-guides's People

Contributors

kennethsundqvist avatar lkcampbell avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.