Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/opensumi/ide-startup-lite
OpenSumi Lite Web sample
https://github.com/opensumi/ide-startup-lite
ide liteide pure-browser-ide typescript
Last synced: 3 days ago
JSON representation
OpenSumi Lite Web sample
- Host: GitHub
- URL: https://github.com/opensumi/ide-startup-lite
- Owner: opensumi
- License: mit
- Created: 2021-12-17T03:37:24.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-29T10:59:36.000Z (15 days ago)
- Last Synced: 2024-10-29T12:47:57.102Z (15 days ago)
- Topics: ide, liteide, pure-browser-ide, typescript
- Language: TypeScript
- Homepage: https://opensumi.github.io/ide-startup-lite
- Size: 27.4 MB
- Stars: 69
- Watchers: 20
- Forks: 24
- Open Issues: 19
-
Metadata Files:
- Readme: README-zh_CN.md
- License: LICENSE
Awesome Lists containing this project
README
OpenSumi Web Lite Sample
[![CLA assistant][cla-image]][cla-url]
[![License][license-image]][license-url]
[![Discussions][discussions-image]][discussions-url]
[license-url]: https://github.com/opensumi/ide-startup-lite/blob/main/LICENSE
[license-image]: https://img.shields.io/npm/l/@opensumi/ide-core-common.svg
[cla-image]: https://cla-assistant.io/readme/badge/opensumi/ide-startup-lite
[cla-url]: https://cla-assistant.io/opensumi/ide-startup-lite
[discussions-image]: https://img.shields.io/badge/discussions-on%20github-blue
[discussions-url]: https://github.com/opensumi/core/discussions
本项目基于 [GitHub REST API](https://docs.github.com/en/rest) 实现，用于展示如何在纯浏览器环境下运行 OpenSumi 项目。
[English](./README.md) | 简体中文
## 预览
在线预览 [opensumi.github.io/ide-startup-lite](https://opensumi.github.io/ide-startup-lite)
## 启动
```bash
$ git clone https://github.com/opensumi/ide-startup-lite.git
$ cd ide-startup-lite
$ yarn
$ yarn start
```
浏览器打开 [http://127.0.0.1:8081](http://127.0.0.1:8081).
项目会打开 `https://github.com/opensumi/core` 仓库作为默认工作区，如果你希望打开其他 Git 仓库，可以在访问路径上追加 hash 参数，如：
```
http://127.0.0.1:8081#https://github.com/opensumi/core
```
同时，你也可以通过参数打开特定 `tag` 或 `branch` 代码，如：
```
http://127.0.0.1:8081#https://github.com/opensumi/core/tree/v2.15.0
```
## 浏览器插件（Web Extension）
在你使用本项目开发前，你需要先了解 “什么是 浏览器插件（Web Extension）”，你可以通过 VS Code 的这篇文档进行了解 [浏览器插件（Web Extension）](https://code.visualstudio.com/api/extension-guides/web-extensions)。
你可以在 OpenSumi 中使用绝大部分浏览器插件（Web Extension）。
我们在 [web-lite/extension/index.ts#L6](https://github.com/opensumi/ide-startup-lite/blob/f129aecb6b5a916d893889335738cc3d4f5444e5/web-lite/extension/index.ts#L6) 文件中声明了一些内置插件，通过这些插件为编辑器提供了一部分代码提示的能力。
同时，你也可以在你的静态服务器中部署你自己的 [浏览器插件（Web Extension）](https://code.visualstudio.com/api/extension-guides/web-extensions) ， 通过在这里 [web-lite/extension/utils.ts#L56](https://github.com/opensumi/ide-startup-lite/blob/f4570890d963207ffdab6d419d6f2cf33c2824fd/web-lite/extension/utils.ts#L56) 修改一些插件加载逻辑，能让你的工程使用更多插件能力。
## 文档
见 [快速开始（纯前端）](https://opensumi.com/zh/docs/integrate/quick-start/lite).
## 协议
Copyright (c) 2019-present Alibaba Group Holding Limited, Ant Group Co. Ltd.
本项目采用 [MIT](LICENSE) 协议。