alexxnica / structure-view

Structure View for ATOM editor, just like Outline view in Eclipse or Structure tool window in IDEA / WebStorm, provides quick navigation for symbols of source code with a tree view.

Structure-View

Structure View for ATOM editor, just like Outline view in Eclipse or Structure tool window in IDEA / WebStorm, provides quick navigation for symbols of source code with a tree view.

Only tested on Atom v1.17, v1.19 yet. Please help this tool works well on more versions of Atom.

Table of Contents

• Installation
• Language Support
• Usage
• Settings
• Contribution
• License
• TODO

Installation

Two ways to install:

• From command line:

apm install structure-view

• From Atom editor:

  Settings/Preferences ➔ Packages ➔ Search for structure-view

Language Support

Lanuage	File Extensions	AST Parser
HTML	.html , .njk , .xtpl , ...	htmlparser2
CSS	.css	css
Javascript	.js	esprima / jsctags
Others	.coffe , .less , .scss , .sass , .yaml , .yml , .md , .markdown , .mdown , .mkd , .mkdown , .ron , .json , .cson , .gyp , .c , .cpp , .mm , .rb , .php , .module , .go , .pl , .pod , .es6 , .jsx , .es , .hx , .nim , .rs , .lc , .livecodescript , .irev , .sql , .bdy , .spc , .pls , plb , .ddl , .pks , .pkb , .sce , .sci , .m , .kla , .ini	ctags

Usage

Commands

You can find all these commands by Command Palette.

• Structure View: Hide
• Structure View: Show
• Structure View: Toggle

Shortcut

• Ctrl-o : Structure View: Toggle

Settings

Feature	Description	Default
Autoscroll from Source	Enable this feature to have Atom automatically move the focus in the Structure View to the node that corresponds to the code where the cursor is currently positioned in the editor.	False

Icon alphabet meaning

• U : Unknown

HTML

• <> : Element

CSS

• S : Selector
• P : Property

Javascript

• C : Class
• I : Import
• F : Function
• M : Method
• V: Variable

TODO

See TODO.md.

Contributing

• Universal tag generator comes from symbols-tree-view

License

MIT