---
sidebar_label: 'WebIDE'
sidebar_position: 9
---



> **说明：** 本文档为 WebIDE 的具体使用操作指南。如需查看 WebIDE 的技术背景与功能介绍，请参阅 [第三方服务/WebIDE](../第三方服务/WebIDE.md)。
 
### **1.  语言服务**
● 支持近 40 种语言的语法高亮
● 支持 JavaScript/TypeScript、HTML、CSS、JSON、Markdown 的基于 LSP (Language Server Protocol) 语言特性功能，具备智能提示和大纲信息以及单文件内跳转。
● 支持 Java、Go、Python、C++、Php 的基于 Tree Sitter 的在线语言服务能力，提供查看引用、符号搜索等特性

### **2. WebIDE 入口**
从 Gitlink 仓库首页 ，点击Web IDE 按键即可进入
![](../../static/img/代码库管理/WebIDE/WebIDE入口.png)<br/>

### **3. 分支**
支持分支切换：点击左下角分支名即可切换分支。
![](../../static/img/代码库管理/WebIDE/WebIDE切换分支.png)<br/>

### **4. 搜索**
当前支持 Gitlink 仓库内代码搜索（支持单词匹配和文件过滤）和文件搜索。
![](../../static/img/代码库管理/WebIDE/WebIDE搜索.png)<br/>

### **5. 行高亮**
支持单行或多行高亮，点击行号即可高亮行，按住 Shift 可选中连续多行。
![](../../static/img/代码库管理/WebIDE/WebIDE行高亮.png)<br/>

### **6. Blame**
支持查看单行 blame 信息，hover 后可展示详细信息。
![](../../static/img/代码库管理/WebIDE/WebIDEblame.png)<br/>

### **7. Graph**
支持 graph 视图，可查看分支 commits 历史以及每个 commit 详细文件变更，并支持文件 diff 查看。底部状态栏左下角点击 Git Graph 或在命令面板输入 View Git Graph，即可打开 Git Graph 视图。
![](../../static/img/代码库管理/WebIDE/WebIDEGraph.png)<br/>

### **8. WebSCM**
可以在极速版新建分支，修改代码后在 SCM 面板看到变更文件列表，写完 commit message 后提交到 Gitlink 上。如果想快速修改一些文件可以不用在本地修改，直接通过极速版修改代码一次性提交。

### **9. 代码在线运行**
● 集成了基于 skypack 的更加轻量的 CodeSwing 插件，可以在极速版去运行前端代码。
● 集成了基于  Pyodide 的 Code-Runner-For-Web 插件，可以将 Python 的运行搬到浏览器上。
![](../../static/img/代码库管理/WebIDE/WebIDE代码在线运行.png)<br/>