littlebot
Published on 2025-04-14 / 0 Visits
0

【源码】基于 OpenSumi 框架的 Web 版 IDE

项目简介

本项目是一个基于 OpenSumi 框架的 Web 版 IDE 集成示例。OpenSumi 是开源、可扩展且现代化的 Web 开发环境,支持多种编程语言与工具链,此项目可让用户在 Web 浏览器中体验使用 OpenSumi 作为 IDE 的强大功能。

项目的主要特性和功能

  1. 基于 Web 的集成开发环境(IDE),能在浏览器中进行代码编写、运行与调试。
  2. 采用插件化架构,便于扩展新功能与工具。
  3. 支持多种编程语言,如 JavaScript、TypeScript、Java 等。
  4. 具备代码补全、调试和版本控制等基本开发功能。
  5. 拥有丰富的 UI 界面和自定义配置选项。

安装使用步骤

复制项目并安装依赖

  1. 进入项目目录:cd ide-startup
  2. 安装项目依赖:yarn,安装后会自动执行 prepare,编译 Node.js 和 WebWorker 两个插件环境,并下载默认插件。
  3. 创建默认的 workspace 目录:mkdir workspace,启动后会默认打开该目录。

启动项目

执行 yarn start 命令启动前端、后端服务器及 Webview Host。浏览器打开 http://0.0.0.0:8080。若要打开指定目录,可在 URL 添加 query 参数 workspaceDir,例如 http://0.0.0.0:8080?workspaceDir=/path/to/dir

使用 Docker 镜像启动项目

  1. 拉取镜像:docker pull ghcr.io/opensumi/opensumi-web:latest
  2. 运行镜像:docker run --rm -d -p 8080:8000/tcp ghcr.io/opensumi/opensumi-web:latest
  3. 浏览器打开 http://0.0.0.0:8080

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】