Quick list of functions and CSS definitions added to the sidebar
JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Latest commit cb93234 Aug 28, 2014
Failed to load latest commit information.
.gitattributes Initial Commit May 2, 2014
.gitignore Initial Commit May 2, 2014
README.md Markup Fail May 9, 2014
main.js Function Parsing Fix Aug 27, 2014
package.json Function Parsing Fix Aug 27, 2014
styles.css Toolbar Icon Replacement Jul 8, 2014


Code Outline

A small Eclipse-esque outline that lists all functions and CSS definitions in your current file, providing shortcuts for quick navigation.


What's New

  • Toggle Function Arguments
  • Toggle Outline from Toolbar (Thanks to Karsten Bruckmann!)
  • Show Outline in Sidebar or next to the Toolbar (Also thanks to Karsten!)

Current Features

  • List and Quickly Jump to Functions and CSS Definitions
  • Hide Unnamed Functions
  • Works for JS, PHP, and CSS

Planned Features

In the future, I'd like to add arrays, objects, and variables to the outline and display them in a collapsible tree. But right now that's more of a nice-to-have for me, so I'm uncertain if and when I'll get around to it.

How to Install

Code Outline is an extension for Brackets.

To install extensions:

  1. Choose File > Extension Manager and select the Available tab.
  2. Search for this extension.
  3. Click Install.


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