Skip to content

xiaowuDev/Code-comment-visualization-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

中文 | English

Doc Sidebar for vscode

在 VS Code 侧边栏实时展示代码文档,当前支持 Java / TypeScript / JavaScript / Markdown,支持双向联动导航。 插件市场 : comment sidebar author: dawdadsd

功能特性

  • 点击侧边栏方法/函数 -> 跳转到代码对应位置
  • 移动代码光标 -> 侧边栏自动高亮当前方法/函数
  • 简洁模式:快速浏览成员列表
  • 详细模式:展示完整文档信息
  • 返回类型和参数类型高亮显示
  • @param@return@throws 等标签以表格形式展示
  • 可显示 Git 作者和最后修改时间(基于 git blame / git log

演示视频

演示图片

关于MD文档的演示 alt text

关于Java代码的演示效果 : alt text alt text

锁定显示的时候,进入其他代码类侧边栏不会变化 : alt text

TS代码和JS代码同理

环境要求(Git 作者信息)

本扩展获取作者/修改时间信息时,会直接调用系统的 git 命令(例如 git blame / git log),不依赖额外的 VS Code Git 插件。

  • macOS:通常系统自带或已安装 Git,因此可正常显示作者信息。
  • Windows:需要安装 Git for Windows 并确保 git 在 PATH 中;同时要求当前文件位于一个有效的 Git 仓库中(存在可用的 .git 历史)。

使用方法

  1. 打开任意 Java / TypeScript / JavaScript 文件
  2. 点击左侧活动栏的 Doc Sidebar 图标
  3. 在侧边栏查看方法/函数文档
  4. 点击方法名/函数名跳转到代码位置

配置项

配置项 类型 默认值 说明
javaDocSidebar.enableAutoHighlight boolean true 是否启用光标移动时的反向联动高亮
javaDocSidebar.debounceDelay number 300 反向联动的防抖延迟(毫秒)
javaDocSidebar.maxMethods number 200 侧边栏最多展示的方法数量

系统要求

  • VS Code 1.95.0 或更高版本
  • 解析 Java 文件时,建议安装 Java 语言支持扩展(用于 Symbol 解析能力增强)

许可证

本项目基于 MIT License 发布,详见 LICENSE

About

日常vscode写 Java和各个语言的代码 时,language doc 注释散落在代码各处,阅读和查找都很不方便。于是我开发了 Doc Sidebar —— 一个 VSCode 扩展,能在侧边栏实时展示当前 各个编程语言 文件的所有文档,支持点击代码定位文档、点击文档跳转代码的双向联动和git commit diff的方法跳转。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors