更多内容可以查看专题https://codeteenager.github.io/theia-analysis/上一篇EclipseTheia技术秘诀-Theia简介EclipseTheiaIDE平台，本文介绍如何基于EclipseTheia搭建桌面IDE。EclipseTheiaBlueprint简介首先介绍EclipseTheiaBlueprint模板，用于构建基于EclipseTheia平台的桌面产品，演示EclipseTheia的功能。它包含现有EclipseTheia功能和扩展的子集，可以轻松下载并安装在所有主要操作系统平台上。大家可以到https://theia-ide.org/docs/blueprint_download/下载体验。它也是开源的，你可以在Github上参考它的代码https://github.com/eclipse-theia/theia-blueprint。我们可以根据这套模板定制我们的IDE产品。下载让我们下载Github代码并在本地运行。$gitclonegit@github.com:eclipse-theia/theia-blueprint.git项目结构然后我们打开项目看看目录结构。在最外层的目录组织结构中，可以看到整个项目是使用Lerna配置mono-repo构建的，不同端的产品项目存放在applications下。例如，当前的电子包括应用于封装、封装配置和电子目标的端到端测试。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脚本会执行yarnbuild和yarndownload:plugins，这两个脚本最终会执行theiarebuild:electron、theiabuild和theiadownload:plugins。Theia命令来自在devDependencies中配置的@theia/cli。执行完成后，你会发现electron项目下新增了一些文件。lib：构建生成的Bundle包plugins：执行download:plugins时下载的插件包src-gen：theia命令自动生成的工程文件gen-webpack.config.js：theia自动生成的webpack配置文件，由webpack.config.js导入运行我们在项目根目录下执行$yarnelectronstart。启动后界面打包如下$yarnelectronpackage执行命令后，在electron目录下的dist中生成一个安装包文件。Windows是.exe安装器，mac是.dmg安装器。预览$yarnelectronpackage:preview该命令可以在安装后生成绿色版应用，无需安装直接打开。以上是TheiaBlueprint提供的部分构建命令。看完后觉得对你有帮助的别忘了关注哦
