VSCode 里面，如何统一快速的查看文件中的 变量， class, function 结构信息？

[yazoox]

我记得高级的 IDE，比如 visual studio 里面，打开一个文件后，某侧边栏能够显示该文件中所有的 class, class methods, 以及 变量定义，函数, 等等。

但现在开始前端，用的 VSCode，貌似没有找到这样的功能。

有类似的插件么？

谢谢！

[imdong]

所以，前端就不配用 IDE 了么？

WebStorm 考虑一下？

[Jrue0011]

大纲？

[xiadong1994]

outline，应该在左边文件列表的下面。不太确定特定语言要不要插件支持。

[yazoox]

@Jrue0011 @xiadong1994 就是大纲 /outline
好吧，一直没有发现，file explorer 下面还有这么多。

不过，这个 outline 只能摆放在这个位置么？能否移动到界面的右侧去啊？

[Jrue0011]

@yazoox 单独移动到右侧不清楚，似乎只能整个侧边栏 /活动栏在左侧或右侧，或者把它拖到底部的面板上，面板可以在左侧、右侧或底部

[Thinklong]

@yazoox
最近我也在转用 vscode，在网上搜了半天没找到，自己瞎点找到一个办法
右键大纲，然后 Move to Panel，正常面板一般都在下方，右键面板的上方空白处（于大纲、终端等平行空白处）将面板移至右侧，就可以了，右边的预览如果不喜欢也可以关掉，这样用起来就顺手多了

[yazoox]

@Thinklong 兄弟，我们俩用的是同一个产品 vscode 么？我试了一下，右键 outline，菜单项没有 move to panel 啊？
（另，我知道 panel 是可以 move panel right 的）

[Thinklong]

@yazoox 好久没过来了，发不了图有点蛋疼，Mac 版本是 1.45.1
刚才又弄了一下，你可以在顶部查看菜单里把终端或者调试控制台调出来，然后调试控制台的空白处可以右击 move panel right，然后把大纲直接拖拽到右边的面板里就可以了。