在上一篇文章 Eclipse Theia技术揭秘——初识Theia 简略介绍了一下Eclipse Theia这套IDE平台，这篇文章介绍一下如何基于Eclipse Theia构建桌面IDE。
Eclipse Theia Blueprint介绍
首先咱们先介绍一下Eclipse Theia Blueprint这套模板，它是用于构建基于 Eclipse Theia 平台的基于桌面的产品，以及展现 Eclipse Theia 性能。它由现有 Eclipse Theia 性能和扩大的子集组成，能够轻松下载并装置在所有次要操作系统平台上。大家能够去 https://theia-ide.org/docs/blueprint_download/ 下载体验一下，它也是开源的，能够在Github上参考其代码 https://github.com/eclipse-theia/theia-blueprint 。咱们能够基于这套模板去定制咱们的IDE产品。
下载
咱们先下载Github的代码在本地运行一下。
$ git clone [email protected]:eclipse-theia/theia-blueprint.git工程构造
而后咱们关上工程看一下目录构造。
在最外层目录组织构造中能够看到整个工程应用 Lerna 配置 mono-repo构建，applications下寄存不同端的产品工程，比方以后electron蕴含利用到打包、打包配置和电子指标的 E2E 测试。theia-extensions下寄存自定义的Theia扩大包，其中theia-blueprint-product蕴含以后自定义产品品牌的 Theia 扩大（对于对话和欢送页面），theia-blueprint-updater蕴含更新机制和相干界面的Theia扩大。
接下来看一下applications下electron包中的内容。
- resources：electron打包罕用一些资源，像利用的图标。
- scripts：寄存打包应用的脚本，像签名应用程序的脚本。
- test：寄存测试脚本
- electron-builder.yml：electron-builder打包的配置文件
- webpack.config.js：webpack的相干配置
而后咱们再装置一下依赖
$ yarn装置依赖之后会执行package.json中的prepare脚本，咱们来看一下。
prepare脚本会执行yarn build和yarn download:plugins，这两个脚本最终会执行theia rebuild:electron、theia build和theia download:plugins。theia这个命令是来自devDependencies配置的@theia/cli。
执行实现后会发现electron工程下新增了一些文件。
- lib：构建生成的Bundle包
- plugins：执行download:plugins时下载的插件包
- src-gen：theia命令主动生成的工程文件
- gen-webpack.config.js：theia主动生成的webpack配置文件，由webpack.config.js引入
运行
咱们在工程根目录下执行
$ yarn electron start启动后界面如下
打包
$ yarn electron package执行完命令后，在electron目录下dist中生成安装包文件，windows是.exe安装程序，mac是.dmg安装程序。
预览
$ yarn electron package:preview这个命令能够生成装置后的绿色版应用程序，能够间接关上不需装置。
以上就是Theia Blueprint提供的一些构建命令。