VS Code的替代品：Eclipse Theia

【导语】：也许大家最近在不少地方看到了一篇《Eclipse官宣，干掉VSCode》的文章。

文章插图
dockerruntheiaimage
通过日志我们可以看出，TheiaIDE已经成功启动并且监听3000端口了，我们打开浏览器看一下它的庐山真面目：

文章插图
usageoflocalruntheiaimage
也是与VSCode近乎一致的体验。
封装npmscripts
在package.json中添加：
{//.....others"scripts":{"start":"theiastart","build":"theiabuild"}}
以后我们就可以直接用yarnxxx的方式来执行了。至此，我们本地已经成功构建了一个IDE～
（进阶）安装插件
其实上一步我们已经有了一个IDE了，但是作为开发工具来说，那可能还差点意思。究竟差点什么呢？我们来写一些代码就知道了：

sDir":"plugins","theiaPlugins":{"vscode-builtin-css":"https://github.com/theia-ide/vscode-builtin-extensions/releases/download/v1.39.1-prel/css-1.39.1-prel.vsix","vscode-builtin-html":"https://github.com/theia-ide/vscode-builtin-extensions/releases/download/v1.39.1-prel/html-1.39.1-prel.vsix","vscode-builtin-javascript":"https://github.com/theia-ide/vscode-builtin-extensions/releases/download/v1.39.1-prel/javascript-1.39.1-prel.vsix","vscode-builtin-json":"https://github.com/theia-ide/vscode-builtin-extensions/releases/download/v1.39.1-prel/json-1.39.1-prel.vsix","vscode-builtin-markdown":"https://github.com/theia-ide/vscode-builtin-extensions/releases/download/v1.39.1-prel/markdown-1.39.1-prel.vsix"}}
我们更新了scripts，同时又添加了theiaPluginsDir和theiaPlugins这两个属性。theiaPluginsDir是用来设置我们的插件存放地址的，theiaPlugins就是我们要安装的插件了。运行项目之前，我们要先运行yarnprepare来准备环境，我们会在日志中看到插件的下载情况：

文章插图
downloadplugins
这些插件都会放在当前目录下的plugins文件夹下。我们再来启动IDE看看效果，注意此时start带上了参数，指定了插件的目录：

文章插图
总结
通过上面的例子，我们已经可以构建出一个属于自己的IDE了。如果你有自己的服务器，那么按照上面的步骤搭建一个CloudIDE，以后出门就不用背着电脑啦，一个平板，甚至一台手机就可以在线编程。
【VS Code的替代品：Eclipse Theia】责任编辑：lq
.dfma {position: relative;width: 1000px;margin: 0 auto;}.dfma a::after {position: absolute;left: 0;bottom: 0;width: 30px;line-height: 1.4;text-align: center;background-color: rgba(0, 0, 0, .5);color: #fff;font-size: 12px;content: "广告";}.dfma img {display: block;}