broch
v1.0.1
Published
A CLI tool to generate interactive visual maps in HTML showing dependencies, packages, and links between them. Perfect for analyzing and visualizing relationships between modules in Node.js projects.
Maintainers
Keywords
Readme
📑 目录
Broch是一个命令行界面(CLI)工具,用于分析项目结构并生成交互式依赖关系图。通过Broch,您可以清晰地查看文件之间的相互关联,从而更容易理解、维护和调试代码。
✨ 主要特点
自动依赖分析:检测JavaScript、TypeScript、HTML、CSS和PHP文件中的import、require、include等关系。
交互式可视化:使用vis-network生成动态HTML图,让您能够直观地探索项目的连接关系。
高度自定义:通过简单的broch.config.json文件配置颜色、标签和输出文件名。
易于使用:只需几个命令,即可完整查看项目架构。
🚀 安装
要开始使用Broch,请确保您的系统已安装Node.js(12版本或更高)。然后,通过npm全局安装包:
npm i -g broch全局安装后,您可以在任何目录下运行broch命令。
⚙️ 命令
Broch使用非常简单。以下是可用命令。
broch map这是Broch的核心。它扫描(您选择的)目录并生成依赖关系图。
别名:
broch m使用示例:
扫描选定目录:只需在项目根目录运行命令,broch将为您列出当前目录列表,选择您想要的目录即可。
broch preview生成图后,此命令将允许您直接在浏览器中打开它。
别名:
broch p使用示例:
此命令将查找brochMap.html文件(或您配置的名称)并打开它。
broch version显示您已安装的Broch版本。
别名:
broch vbrochbroch help显示可用命令和选项的摘要。
别名:
broch h🔧 配置 (broch.config.json)
{
"outputFileName": "brochMap.html",
"colors": {
"html": "#E44D26",
"css": "#1572B6",
"js": "#F7DF1E",
"php": "#777BB4",
"image": "#4CAF50",
"rust": "#DE3423",
"json": "#000000",
"yml": "#cb171e",
"md": "#000000",
"py": "#3776AB",
"java": "#b07219",
"other": "#CCCCCC"
},
"labels": {
"js": "JS/TS",
"yml": "YML",
"md": "Markdown",
"py": "Python",
"java": "Java"
}
}首次运行Broch时,将在您的目录中自动创建broch.config.json文件。此文件允许您根据偏好自定义工具。
outputFileName: 定义将生成的HTML文件的名称。
colors: 根据扩展名为每种文件类型分配颜色。随意添加或修改!
labels: 允许您为图中的颜色图例定义自定义标签,使可视化更加清晰。
📄 MIT许可证
版权所有 © 2025 Jan Queralt
特此免费授予任何获得本软件副本和相关文档文件("软件")的人不受限制地处理本软件的权利, 包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或出售软件副本的权利, 以及允许获得软件的人这样做,但须符合以下条件:
上述版权声明和本许可声明应包含在软件的所有副本或主要部分中。
软件按"原样"提供,不提供任何形式的明示或暗示的保证,包括但不限于对适销性、 特定用途适用性和非侵权性的保证。在任何情况下,作者或版权持有人均不对任何索赔、 损害或其他责任负责,无论是在合同诉讼、侵权行为还是其他方面,由软件或软件的 使用或其他交易引起、产生或与之相关。
🤝 贡献指南
首先,感谢您考虑为Broch做出贡献!您的帮助对保持其优秀至关重要。
贡献是开源社区成为如此令人惊叹的学习、激励和创造之地的原因。我们非常感谢任何形式的贡献 💕。
我们欢迎各种形式的贡献,包括错误报告、功能请求、文档改进和代码增强。
贡献方式
报告错误或建议功能
在创建新的贡献之前,请检查问题页面,看看是否已存在类似的问题。
- 报告错误: 请打开一个问题并提供尽可能多的细节,包括复现步骤、预期结果和实际结果。信息越多越好!
- 建议功能: 打开一个问题并描述您的想法,解释为什么您认为这对Broch来说是一个有价值的补充。
提交拉取请求(PR)
如果您想通过代码做出贡献,请遵循以下步骤:
复刻仓库 点击此页面右上角的"Fork"按钮,创建仓库的个人副本。
克隆您的复刻 将仓库克隆到您的本地机器:
bash git clone https://github.com/YOUR_USERNAME/broch.gitbash cd broch设置环境 安装项目依赖并链接您的本地副本,使
broch命令全局可用于测试。 ```bash # 安装依赖 npm install# 链接包以在本地使用'broch'命令 npm link ``` 如果npm link不起作用,请尝试 ```bash npm link broch ``` `npm link`命令至关重要,因为它允许您从系统的任何目录运行和测试Broch的本地版本。创建新分支 为您的更改创建一个描述性分支。最好根据您正在处理的功能或修复来命名它。 ```bash # 新功能示例 git checkout -b feature/add-new-parser
# 错误修复示例 git checkout -b fix/resolve-rendering-issue ```进行更改 编写代码、修复错误或改进文档。确保您的更改整洁并遵循现有的代码风格。
提交更改 使用清晰简洁的消息提交更改,如果可能的话,遵循约定式提交标准。
bash git commit -m "feat: 添加YAML配置文件支持"推送到您的复刻 将更改推送到您的复刻仓库。
bash git push origin feature/add-new-parser打开拉取请求 转到原始Broch仓库并打开新的拉取请求。提供清晰的标题和您所做更改的详细说明,链接到任何相关问题。
行为准则
为确保我们的社区友好和尊重,请阅读并遵循我们的行为准则。参与此项目即表示您同意遵守其条款。
再次感谢您有兴趣为Broch做出贡献!
