WebIDE All In One

WebIDE All In One VS Code Eclipse Theia

WebIDE All In One

web IDE

Visual Studio Code

vscode

Code editing Redefined.

Free. Built on open source. Runs everywhere.

​​https://code.visualstudio.com/download​​

​​https://github.com/microsoft/vscode​​

Eclipse Theia

山寨版 vscode

​​https://theia-ide.org/​​

​​https://github.com/eclipse-theia/theia​​

Eclipse Theia is an extensible platform to develop multi-language Cloud & Desktop IDEs with state-of-the-art web technologies.

@theia/cli

​​https://www.npmjs.com/package/@theia/cli​​

​​https://npm.io/package/@theia/cli​​

Build your own IDE

​​https://theia-ide.org/docs/composing_applications/​​

Eclipse Theia is a cloud & desktop IDE framework implemented in TypeScript

Eclipse Theia是使用TypeScript实现的云和桌面IDE框架

{
  "private": true,
  "dependencies": {
    "@theia/callhierarchy": "next",
    "@theia/file-search": "next",
    "@theia/git": "next",
    "@theia/markers": "next",
    "@theia/messages": "next",
    "@theia/mini-browser": "next",
    "@theia/navigator": "next",
    "@theia/outline-view": "next",
    "@theia/plugin-ext-vscode": "next",
    "@theia/preferences": "next",
    "@theia/preview": "next",
    "@theia/search-in-workspace": "next",
    "@theia/terminal": "next"
  },
  "devDependencies": {
    "@theia/cli": "next"
  }
}

​​https://github.com/eclipse-theia/theia​​

​​https://github.com/eclipse-theia/theia/blob/master/dev-packages/cli/README.md​​

为什么要使用 WebIDE？

2017 年 12 月，全球市场占有率第一的云计算厂商 AWS 在其开发者大会上正式推出 Cloud9，这是一款用于编写、运行和调试代码的 IDE，同时运行在浏览器中。相对于本地的 IDE，可以称它为 WebIDE。

2019 年，微软在 Build 2019 开发者大会正式宣布了 Visual Studio Online，其是 Visual Studio Code（简称 VS Code）的 WebIDE 版本。

VS Code 是微软 2015 年推出的跨平台 IDE 产品，在 2019 年的 Stack Overflow 组织的开发者调研中，VS Code 被认为是最受开发者欢迎的开发环境，据调查 87317 名受访者中有 50.7% 的受访者声称正在使用 VS Code。

随着云计算时代的全面到来，WebIDE 逐渐被开发者接受和喜爱。

相对于本地 IDE，WebIDE 最大的好处就是随处可用，同时具备较好的代码安全性。

以蓝桥提供的 WebIDE 环境为例，你只需要十几秒钟就可以开启线上开发环境。

同时，你可以在 Mac，Windows，Linux，甚至 iPad 等平台上使用，拥有非常好的跨平台特性。

蓝桥提供的 WebIDE 基于 Eclipse Theia 开发，提供了更多的易用功能。

Eclipse Theia 是 Eclipse 基金会推出的 WebIDE 产品，其参考了 VS Code 的界面风格，同时支持 VS Code 提供的插件。

简单来讲，Eclipse Theia 拥有和 VS Code 几乎一致的体验，如果你之前是 VS Code 的用户，那么可以无缝切换到蓝桥的 WebIDE 环境。

当然，如果你之前对 VS Code 也不熟悉，那么接下来将带你入门 WebIDE 的使用。

---