GiteexCodeBlitz:一键使用WebIDE浏览Gitee仓库代码

开源其实不简单 2024-03-07 02:13:09

随着技术的不断进步,开发者们对于代码编辑和管理的需求也在不断增长。Gitee 作为国内领先的代码托管平台,一直致力于为开发者提供更高效、更便捷的工具。今天,Gitee 携手 CodeBlitz,为开发者带来了全新的在线代码编辑体验!

现在,你可以在 Gitee 上使用 CodeBlitz WebIDE,在浏览器上实现代码的阅读、修改、提交和运行。

CodeBlitz 是由蚂蚁风险效能云研发团队打造的基于 OpenSumi 的纯前端 IDE 基础框架,最大的特点是无需容器,只需浏览器即可运行一个类 IDE。

一键体验

在 Gitee 仓库首页点击服务,选择CodeBlitz将唤起 CodeBlitz 页面,完成 OAuth 授权后即可开始使用。

功能介绍与传统 IDE 在前端一致的代码浏览体验,让用户在 Gitee 上也能享受到与传统 IDE 相似的舒适体验。提供基于浏览器 API 的文件存储服务,用户可以方便地在 WebIDE 中进行文件的存储和管理。内置了 40 多种常见语言的语法高亮支持,包括 Java、TS/JS、C++、Go、Python、Rust 等。同时还支持一些基本的代码导航功能,比如定义跳转和查找引用。支持分支的新建与切换,通过 WebSCM 实现了文件提交、Diff 以及回退等功能,为用户提供了更便捷的版本控制和代码管理工具。集成了 GitLens 插件和 GitGraph 插件,用户可以方便地查看文件的 Blame 信息和 Commit 记录,更好地了解代码的变更历史。集成了 CodeSwing 插件,支持前端代码的运行,以及 Code-Runner-For-Web 插件,支持在线的 Python 代码运行,为用户提供了更加便捷的代码测试和调试环境。支持单行或多行的高亮功能,用户可以通过点击行号来高亮单行,按住 Shift 键则可以选中连续的多行。等你体验发现更多玩法……语言能力支持近 40 种语言的语法高亮。支持 JavaScript/TypeScript、HTML、CSS、JSON、Markdown 的基于 LSP (Language Server Protocol) 语言特性功能,具备智能提示和大纲信息以及单文件内跳转。

支持基于 Tree-sitter 的 vscode-anycode 插件,支持 Java/JS/TS/Go/C++/Python/Rust/PHP 等语言的大纲、查看引用、符号搜索等能力,让大家更加方便的阅读代码。

WebSCM

CodeBlitz 自研的 WebSCM 能力,可以在 CodeBlitz 新建分支,修改代码后在 SCM 面板看到变更文件列表,写完 commit message 后提交到 Gitee 上。如果想快速修改一些文件可以不用在本地修改,直接通过极速版修改代码一次性提交。

分支管理:点击左下角分支名即可切换分支,点击创建分支可完成分支创建

代码变更查看与提交:当在 WebIDE 中修改代码后支持提交当前分支或通过 PR 方式给当前分支提交代码。

Git Graph

支持 graph 视图,可查看分支 commits 历史以及每个 commit 详细文件变更,并支持文件 diff 查看。底部状态栏左下角点击 Git Graph 或在命令面板输入View Git Graph,即可打开 Git Graph 视图。

在线运行

默认集成 CodeSwing 可以在极速版去运行前端代码,并且代码版本是使用 Gitee 来管理,比片段版本管理能力更强,结合上述 WebSCM 能力,甚至能在一分钟完成前端代码初始化、编写、预览和代码提交。

随着 Webassembly 技术的发展,一些后端语言也可以运行在浏览器里,Code-Runner-For-Web 插件结合 Pyodide,已经将 Python 的运行搬到了浏览器上,WebIDE 也默认集成了该插件。

开源共建

基于 OpenSumi 的纯前端 IDE 基础框架 CodeBlitz 现已在 Gitee 开源,欢迎各位开发者前往仓库参与贡献。

Gitee 地址:

https://gitee.com/opensumi/codeblitz

Github 地址:

https://github.com/opensumi/codeblitz

官网地址:

https://codeblitz.cloud.alipay.com

0 阅读:0

开源其实不简单

简介:感谢大家的关注