更好的代码大纲： VSCode Outline Map

link之家

链接快照平台

相关文章推荐

强健的吐司 · @Scope(“prototype“)的正确 ...· 5 月前 ·

有腹肌的生菜 · fatal ...· 6 月前 ·

没有腹肌的馒头 · Nginx中如何限制某个IP同一时间段的访问 ...· 1 年前 ·

飘逸的作业本 · Linux 之 ab ...· 1 年前 ·

性感的玉米 · jquery鼠标移出非当前节点隐藏 ...· 1 年前 ·

实际上，在同级作用域中显示变量和函数并不能帮助我们理解我们关注的代码的组织。

vscode 内置的缩略地图 minimap 提供了源代码的高层级概述，这对快速导航和理解代码很有用。

但是，小屏幕的用户可能只能将缩略图作为大号的彩色滚动条。

为什么不把二者的优点结合起来呢？

Outline Map ：可视，可互动的大纲地图，提供大纲的清晰条理与缩略地图的直观概览

高亮光标所在位置。

高亮编辑器可见区域。

自动展开编辑器视图中可见的作用域，折叠不可见的作用域，保持清晰的层级。

点击节点即可跳转，正如大纲中的那样。

设置`outline-map.color`

设置 `outline-map.enableAutomaticIndentReduction: true`

扩展依赖于vscode提供符号分析，非vscode原生语言需要安装相应语言的扩展

推荐文章

强健的吐司 · @Scope(“prototype“)的正确用法——解决Bean的多例问题_scope("prototype")-CSDN博客

5 月前

有腹肌的生菜 · fatal error解决方法_游戏fatal error-腾讯云开发者社区-腾讯云

6 月前

没有腹肌的馒头 · Nginx中如何限制某个IP同一时间段的访问次数_david0512的技术博客_51CTO博客

1 年前

飘逸的作业本 · Linux 之 ab 命令-腾讯云开发者社区-腾讯云

1 年前

性感的玉米 · jquery鼠标移出非当前节点隐藏 jquery移除div标签_大猩猩的技术博客_51CTO博客

1 年前