news 2026/9/4 12:28:29

如何搭建 Label Studio 开发环境:4步从源码到本地热重载

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
如何搭建 Label Studio 开发环境:4步从源码到本地热重载

如何搭建 Label Studio 开发环境:4步从源码到本地热重载

【免费下载链接】label-studioLabel Studio is a multi-type data labeling and annotation tool with standardized output format项目地址: https://gitcode.com/GitHub_Trending/la/label-studio

你克隆完 Label Studio 仓库,后端起来了,页面却是白屏;前端 8010 也跑着,刷新后还是连不上——这是搭这套环境时最典型的现场。Label Studio 是一个多类型数据标注工具,支持图片、文本、音频、视频和时间序列,前后端分离:React 前端用 Vite 跑在 8010 端口,Django 后端跑在 8080 端口,两边各自装依赖、各自起服务。走完下面四步,你就能独立完成 Label Studio 开发环境搭建,并且改一行代码立刻在浏览器里看到结果。

启动前的准备

先确认机器满足最低要求:

  • Python 3.10+(pyproject.toml 要求>=3.10
  • Bun 运行时(前端用它装依赖和起服务)
  • Poetry(官方 README 推荐的依赖管理方式)
  • 内存 4GB 以上,磁盘 2GB 空闲;Linux/macOS 直接跑,Windows 建议用 WSL2

整体架构一句话:web/是 React 前端,label_studio/是 Django 后端,两者通过本地端口通信,开发时各自开一个终端。

第一次把项目跑起来 🚀

拿代码

克隆仓库并进入目录,这是后续所有命令的工作根目录:

git clone https://gitcode.com/GitHub_Trending/la/label-studio cd label-studio

成功标志ls能看到label_studio/web/Makefile三样东西。

装依赖

后端依赖用 Poetry 装,前端依赖进web/用 Bun 装:

pip install poetry poetry install # 后端 Python 依赖 make frontend-install # 前端依赖,等价于 cd web && bun install

成功标志:两条命令都正常结束、无依赖冲突报错。

起服务

先做数据库迁移,再分别起后端和前端(两个终端):

make migrate-dev # 终端1:初始化 SQLite 数据库 make run-dev # 终端1:起 Django 后端,监听 8080 make frontend-dev # 终端2:起 Vite 前端,监听 8010

成功标志:打开 http://localhost:8080 能看到 Label Studio 的登录页面。

改一行代码验证热重载 🔥

先让 Django 知道要启用热模块替换,在项目根目录建一个.env文件:

cat > .env <<EOF FRONTEND_HMR=true EOF

保存后端服务,让配置生效。然后随便找一个渲染文本的前端组件,改一行展示文案:

- <div className="ls-title">Projects</div> + <div className="ls-title">我的项目</div>

保存文件,浏览器里的页面会自动更新,不用重启任何服务。这就是 HMR 在工作的证据。

看懂项目目录结构 🗂

label-studio/ ├── label_studio/ # Django 后端 │ ├── manage.py # 后端入口 │ ├── core/ # 核心配置与路由 │ └── tasks/ # 任务与标注相关模型 ├── web/ # 前端 monorepo │ ├── apps/labelstudio/ # 主应用 │ └── libs/editor/ # 标注编辑器核心库 ├── docs/ # 官方文档源码 ├── Makefile # 开发命令集合 └── pyproject.toml # Python 依赖声明

几个日常会碰到的文件:

  • Makefile:run-devfrontend-dev等命令都在这,日常只跟它打交道
  • label_studio/manage.py:Django 入口,手动跑migraterunserver都用它
  • web/package.json:前端脚本定义,devbuildtest:unit都在这
  • web/README.md:前端环境与 HMR 配置的权威说明

常用命令速查 ⚡

命令作用
make run-dev启动后端开发服务器(SQLite + 8080 端口)
make frontend-dev启动前端热重载服务(8010 端口)
make frontend-install安装前端 Bun 依赖
make migrate-dev应用数据库迁移
make makemigrations-dev改了模型后生成迁移文件
make shell-dev进 Django shell,调试数据模型
make test跑后端单元测试
make fmt按分支 diff 格式化代码

出了问题对照排查 🛠

现象原因解决
页面白屏、样式全丢前端没起或.envFRONTEND_HMR=truemake frontend-dev,补上.env再重启后端
8080 拒绝连接后端没跑或没做迁移make migrate-dev,再make run-dev
bun: command not found没装 Bun 运行时先安装 Bun,再跑make frontend-install

更多报错细节可以翻 官方安装文档 和 故障排除指南。

环境跑通后,建议接着做三件事:

  1. 打开label_studio/annotation_templates/里的现成模板,照着写一份自己的标注配置;
  2. 按 ML 后端文档 接一个模型,体验预标注;
  3. 跑一遍make test,熟悉测试基线,再考虑提自己的第一份贡献。

【免费下载链接】label-studioLabel Studio is a multi-type data labeling and annotation tool with standardized output format项目地址: https://gitcode.com/GitHub_Trending/la/label-studio

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/4 12:27:23

基于YOLO骨干的密度图人群计数方法

简介&#xff1a;本资源是一套基于YOLO模型实现人群计数的完整开发与部署方案&#xff0c;面向深度学习初学者及计算机视觉方向实践者&#xff0c;聚焦图像识别与实时目标检测在安防、客流分析等场景中的落地应用。压缩包共35个文件&#xff0c;含18个Python脚本&#xff08;涵…

作者头像 李华
网站建设 2026/9/4 12:26:24

AI图像生成与Workspace协同:Google Pics实践指南

AI 图像生成与编辑应用 Google Pics&#xff0c;最值得关注的地方不是“又多了一个画图工具”&#xff0c;而是它被放进了 Workspace 全家桶。这个定位意味着&#xff0c;你生成一张图之后&#xff0c;不必再下载、转存、塞进聊天框&#xff0c;而是可以直接从文档、幻灯片或 D…

作者头像 李华
网站建设 2026/9/4 12:25:47

PDF图纸转CAD全流程:从矢量化原理到AutoCAD实操校准

在实际工程设计和图纸流转过程中&#xff0c;经常遇到一个棘手问题&#xff1a;客户或供应商发来的PDF格式图纸&#xff0c;需要被导入到CAD软件中进行编辑、修改或二次设计。PDF作为一种通用的、不可直接编辑的文档格式&#xff0c;虽然保证了图纸的跨平台查看一致性&#xff…

作者头像 李华
网站建设 2026/9/4 12:23:35

ESP32-S3驱动柔性LED点阵屏:DSS1864级联扫描与动画引擎实战

1. 这块"荧光棒"其实是 4 片驱动 IC 的拼接1.1 为什么叫 MS288Q&#xff1a;288 像素点的单芯片能力先把这个屏幕的硬件底细说清楚。DSS1864 和 MS288Q 是同一颗芯片的两种叫法&#xff0c;丝印上写哪个都有可能&#xff0c;后面我统一用 DSS1864。这颗芯片的特点是&…

作者头像 李华
网站建设 2026/9/4 12:22:47

奔驰开源ARDEP:基于英飞凌TC397的汽车级嵌入式开发板实战解析

大概半年前&#xff0c;我在GitHub上刷Trending时&#xff0c;突然看到一条意外的消息&#xff1a;奔驰&#xff0c;对&#xff0c;就是那个造汽车和卡车的奔驰&#xff0c;开源了一套名为ARDEP的嵌入式开发板卡。第一反应是难以置信&#xff0c;第二反应是赶紧点进去看。虽然很…

作者头像 李华
网站建设 2026/9/4 12:20:25

大分辨率水下海鲜目标检测数据集(YOLOv5格式)

简介&#xff1a;本资源是面向计算机视觉初学者与水下目标检测研究者的YOLOv5兼容数据集&#xff0c;专为解决高分辨率水下生物目标识别难题设计。数据集涵盖海参、海胆、扇贝、海星、海草五类典型水下动植物&#xff0c;全部图像为19201080 RGB格式&#xff0c;按YOLOv5标准目…

作者头像 李华