最前端｜Flowise本地调试指南，让你轻松掌握调试技巧

Flowise JavaScript 开发工具本地调试指南摘要

作者: 范轶洁 | 资深前端开发工程师

01前言

Flowise 是一个包含 server、ui 和 components 三个模块的 monorepo 工程，分别负责 Node API 后端服务、React 前端和 Langchain 组件。

02环境要求

• Node.js v16+
• yarn v1 的安装

03开发环境准备

1. Fork 和 Clone Flowise 的 GitHub 仓库
2. 创建并切换到新的分支
3. 安装依赖并构建代码
4. 启动应用并配置环境变量（可选）
5. 使用开发模式启动项目

开发模式下，ui 或 server 的改动会自动更新，而对 components 的改动需要重新构建。

03调试后端代码

1. 在 .vscode 目录创建 launch.json 文件
2. 在配置中设置相关参数，如 type、name、cwd 等
3. 运用 IntelliSense 设置必要的配置
4. 添加配置对象并启动调试
5. 在 server 中设置断点测试

04调试前端代码

1. 用 attach 模式启用前端调试
2. 在 launch.json 中添加前端调试配置
3. 设置 chrome 类型配置、端口和 url 等参数
4. 启动调试并在 ui 设置断点测试

05环境变量配置【非必须】

可在 ui 和 server 下创建 .env 文件配置环境变量。示例包含如 PORT、DATABASE_TYPE 以及其他可选配置。

文章结束语鼓励读者关注并标星以获取更多技术干货，并推荐往期精选。