yazoox

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

  •  
  •   yazoox · May 22, 2020 · 3924 views
    This topic created in 2225 days ago, the information mentioned may be changed or developed.

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

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

    有类似的插件么?

    谢谢!

    8 replies    2020-07-16 18:26:02 +08:00
    imdong
        1
    imdong  
       May 22, 2020
    所以,前端就不配用 IDE 了么?

    WebStorm 考虑一下?
    Jrue0011
        2
    Jrue0011  
       May 22, 2020
    大纲?
    trn4
        3
    trn4  
       May 22, 2020 via iPhone
    outline,应该在左边文件列表的下面。不太确定特定语言要不要插件支持。
    yazoox
        4
    yazoox  
    OP
       May 22, 2020
    @Jrue0011 @xiadong1994 就是大纲 /outline
    好吧,一直没有发现,file explorer 下面还有这么多。

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