代码结构提示插件 大纲式导航


#1

Hello Atom China 的各位大大,介绍一款刚开发的代码结构提示插件,如果大家使用过 VIM tagbar / Eclipse Outline view / Webstorm Structure view 应该不会对代码结构提示功能陌生,也算是日常开发利器之一吧;)

Githubhttps://github.com/alibaba/structure-view
Atomhttps://atom.io/packages/structure-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.

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
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

  • 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

Contributing

License

MIT


#2

目前支持主流语言的代码结构显示,但只针对 JS, HTML, CSS 做了优化。欢迎大家提需求或贡献 PR