Hello Atom China 的各位大大，介绍一款刚开发的代码结构提示插件，如果大家使用过 VIM tagbar / Eclipse Outline view / Webstorm Structure view 应该不会对代码结构提示功能陌生，也算是日常开发利器之一吧；）
Github：https://github.com/alibaba/structure-view
Atom：https://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: HideStructure View: ShowStructure 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
- Universal tag generator comes from symbols-tree-view
License
MIT