技术文档必备工具:注释目录树神器 Annotree,我的第一个正式开源项目

news/2024/9/20 15:29:19/文章来源:https://www.cnblogs.com/itchaox/p/18315704

hi,大家好,我是爱听书的程序员阿超
非常开心能在这里介绍我的第一个正式开源项目 Annotree,项目具体情况如下,请继续阅读📖~

Annotree

Annotree 注释树

一款生成带注释的目录树工具,大大方便技术文档的编写

项目介绍 🎉

本项目基于 folder-explorer 进行二次开发,感谢 FairyEver 的创意和贡献!

  • GitHub 地址:https://github.com/itchaox/annotree
  • 官方文档:https://www.annotree.com
  • 视频讲解:https://www.bilibili.com/video/BV1fS421R7UM

    这是我在 B 站发布的第 2 个技术视频,如果对你有帮助的话,感谢一键三连,加关注~ 💗

  • 使用场景:编写技术文档的目录注释树,帮助你高效地编写技术文档。

    这是我的第一个正式开源项目,如果对你有帮助,感谢 Star ⭐️ 和分享给你的朋友们,这对我很重要,谢谢 💖!

效果演示 📺︎

demo.gif

官方文档首页 📖

  • 官方文档:https://www.annotree.com

image.png

功能展示 🛠

扫描

点击扫描按钮后打开文件选择器,选择需要扫描的文件夹,即可开始扫描。

20240713233436_rec_.gif

自动打开文件

导出文件后自动打开。

20240713233511_rec_.gif

忽略文件夹

忽略不需要扫描的文件夹,避免性能损失甚至程序失去响应,比如:node_modules 文件夹,程序内部已自动忽略 node_modules 文件夹。

20240713233557_rec_.gif

忽略以 "." 开头的文件夹

这类文件夹在 MacOS 和 Linux 上是默认隐藏的文件夹。

20240713235057_rec_.gif

只扫描文件夹

忽略所有文件,只扫描文件夹。

20240713233700_rec_.gif

忽略以 "." 开头的文件

这类文件在 MacOS 和 Linux 上是默认隐藏的文件。

20240713234828_rec_.gif

忽略文件类型

在扫描一次后,会生成此次扫描后的所有文件类型,可以选择忽略不需要的文件类型,以提高扫描效率。

20240713233809_rec_.gif

扫描深度

设置扫描目录的深度,0 为所有深度,每递增一个数字则代表扫描深度 +1。

20240713233922_rec_.gif

默认名称

导出文本的默认名称配置。

20240713234030_rec_.gif

注释格式化

填充注释的格式

20240713234450_rec_.gif

桥梁最短字符数

路径最长的地方,显示的桥梁字符数

20240713234351_rec_.gif

桥梁填充字符

输入一个单字节填充字符,比如:*,#,$,-,@,_ 等。

20240713234259_rec_.gif

始终显示桥梁

配置没有注释的地方是否显示桥梁。

20240713234200_rec_.gif

导出

设置好相关配置,编写好注释后,导出注释目录树。

20240713234122_rec_.gif

下载地址 ⬇️

  • 下载地址:https://www.annotree.com/download.html

image.png

反馈渠道 💬

如果你有任何意见或建议,欢迎通过以下方式与我联系:

  • 提交 GitHub Issue
  • 飞书群 点击入群

我为何选择飞书群作为社区沟通渠道:

  1. 我平时飞书用的较多,沟通方便。
  2. 飞书话题群沟通问题,效率更高。

开发 Annotree 的故事 📚️

本项目基于 folder-explorer 进行二次开发,感谢 FairyEver 的创意和贡献!

起源

  • 2023 年 6 月,我负责搭建公司内部前端基础框架。框架搭建完成后,我希望通过注释来帮助团队成员快速理解目录结构。
  • 我发现 tree 命令可以扫描项目目录结构,但注释需要手动添加,不够便捷。
  • 之后发现了 folder-explorer,这个工具提供了目录注释和对齐功能,但仍不完全符合我的需求。
  • 为了解决上述问题,我基于 folder-explorer 进行了二次开发,创建了 Annotree。
  • 由于其他工作和对 Electron 不熟悉,直到 2024 年 7 月我才开始开发 Annotree。

为何二次开发

  1. folder-explorer 的部分功能对我而言冗余,不符合我的使用习惯。
  2. folder-explorer 导出文本后才看到效果,我希望有实时预览功能。
  3. folder-explorer 编辑备注需要右键打开菜单,操作不便。

期望 🥳

  • 这是我做的第一个正式开源项目,大家的反馈和支持,对我很重要 💗,谢谢 🙏🏻
  • 现在项目还处于快速迭代中,期待大家的反馈与 pr,期待与大家一起共建更好的 Annotree 🤝🏻

致谢 🙏🏻

  1. 感谢 electron-vite 提供的 electron 框架,大大提升我的开发效率。
  2. 感谢 md 提供给我的 README.md 文档思路。

谁在使用 👤

如果你使用了本 Annotree 工具生成带注释的项目文件树形结构,并且希望在本项目 README 中展示你的项目,请到 Discussions #2 留言。

  • Annotree

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/758662.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

docker-compose部署kafka-ui部署以及使用

1.docker-compose配置脚本version: "3"services: kafka-ui:image: provectuslabs/kafka-ui:v0.7.2container_name: kafka-uihostname: kafka-uiprivileged: truerestart: alwaysenvironment:- DYNAMIC_CONFIG_ENABLED=true- AUTH_TYPE=LOGIN_FORM- SPRING_SECURITY_U…

1.2.2 计算机网络分层结构

一、数据的传输过程(水平视角) 在数据传输的过程中,经过了压缩和解压,在用户的视角上来看,用户感受不到数据经过了压缩和解压的过程。为了支持这样功能,可以指定一个协议YSCS协议(如图)。从图上看,对等的两个实体的通信需要遵循水平的协议,而遵循这些协议是为了…

word文档灰底色删不掉

1、选中表格 2、点击表格工具中的设计 3、选中设计的第一个即可

有限域相关知识

有限域的定义: ①加法满足阿贝尔群 ②非零元素之间的乘法满足“含幺交换群(乘法阿贝尔群)” ③+,*满足分配律 则称做域,其元素是有限个,则是有限域。 举个例子,整数组成的集合是否为域呢?不是,因为不满足②,具体来说,例如2的逆元为1/2,但是1/2并不是整数。F3上有三个…

三角函数

三角函数学习笔记 三角形标准记号三角函数的定义正弦 $$\sin(α) = \frac{对边}{斜边} = \frac{a}{c}$$ 余弦 $$\cos(α) = \frac{邻边}{斜边} = \frac{b}{c}$$ 正切

允许 k3s 访问外网

转自:https://hypc.github.io/2021/08/05/k3s-extranet/ 默认情况下,Pod 采用的是 dnsPolicy: ClusterFirst 策略, 故 k3s 中 coredns 不会解析外部服务域名,修改 coredns 的 ConfigMap 配置:

谷歌的时间序列预测的基础模型TimesFM详解和对比测试

TimesFM是一个为时间序列数据量身定制的大型预训练模型——一个无需大量再训练就能提供准确预测的模型。TimesFM有2亿参数,并在1000亿真实世界时间点上进行了训练。可以允许额外的协变量作为特征。 在本文中,我们将介绍模型架构、训练,并进行实际预测案例研究。将对TimesFM的…

vscode 提示js 函数的插件 | vue3项目的插件

vue3项目的volar应该是找不到了,目前称为,vue-officalgpt提了一个,IntelliCode感觉还行?它安装的时候,好像自动安装了下面的examples 有个网友说的不好用