V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yazoox
V2EX  ›  Visual Studio Code

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

  •  
  •   yazoox · 2020-05-22 14:54:51 +08:00 · 3360 次点击
    这是一个创建于 1676 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    有类似的插件么?

    谢谢!

    8 条回复    2020-07-16 18:26:02 +08:00
    imdong
        1
    imdong  
       2020-05-22 14:56:19 +08:00
    所以,前端就不配用 IDE 了么?

    WebStorm 考虑一下?
    Jrue0011
        2
    Jrue0011  
       2020-05-22 14:59:51 +08:00
    大纲?
    xiadong1994
        3
    xiadong1994  
       2020-05-22 15:03:54 +08:00 via iPhone
    outline,应该在左边文件列表的下面。不太确定特定语言要不要插件支持。
    yazoox
        4
    yazoox  
    OP
       2020-05-22 16:06:33 +08:00
    @Jrue0011 @xiadong1994 就是大纲 /outline
    好吧,一直没有发现,file explorer 下面还有这么多。

    不过,这个 outline 只能摆放在这个位置么?能否移动到界面的右侧去啊?
    Jrue0011
        5
    Jrue0011  
       2020-05-22 16:31:53 +08:00
    @yazoox 单独移动到右侧不清楚,似乎只能整个侧边栏 /活动栏在左侧或右侧,或者把它拖到底部的面板上,面板可以在左侧、右侧或底部
    Thinklong
        6
    Thinklong  
       2020-06-01 14:18:06 +08:00
    @yazoox
    最近我也在转用 vscode,在网上搜了半天没找到,自己瞎点找到一个办法
    右键大纲,然后 Move to Panel,正常面板一般都在下方,右键面板的上方空白处(于大纲、终端等平行空白处)将面板移至右侧,就可以了,右边的预览如果不喜欢也可以关掉,这样用起来就顺手多了
    yazoox
        7
    yazoox  
    OP
       2020-06-01 14:40:52 +08:00
    @Thinklong 兄弟,我们俩用的是同一个产品 vscode 么?我试了一下,右键 outline,菜单项没有 move to panel 啊?
    (另,我知道 panel 是可以 move panel right 的)
    Thinklong
        8
    Thinklong  
       2020-07-16 18:26:02 +08:00
    @yazoox 好久没过来了,发不了图有点蛋疼,Mac 版本是 1.45.1
    刚才又弄了一下,你可以在顶部查看菜单里把终端或者调试控制台调出来,然后调试控制台的空白处可以右击 move panel right,然后把大纲直接拖拽到右边的面板里就可以了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4831 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 10:00 · PVG 18:00 · LAX 02:00 · JFK 05:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.