使用Theia——构建你自己的IDE

  • 时间:
  • 浏览:0

上一篇:Theia架构

构建你当时人的IDE

  本指南将教你怎样才能构建你当时人的Theia应用。

必要条件

  你需用安装node 10版本(译者:事实上最新的node稳定版即可):

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.5/install.sh | bash
nvm install 10

  以及yarn:

  还需用确保已安装python 2.x,可通过python --version来检查。

安装

  首先请创建另2个 空目录,之后 切换到你你你你这俩目录下:

  在你你你你这俩目录下创建package.json

{
  "private": true,
  "dependencies": {
    "typescript": "latest",
    "@theia/typescript": "next",
    "@theia/navigator": "next",
    "@theia/terminal": "next",
    "@theia/outline-view": "next",
    "@theia/preferences": "next",
    "@theia/messages": "next",
    "@theia/git": "next",
    "@theia/file-search": "next",
    "@theia/markers": "next",
    "@theia/preview": "next",
    "@theia/callhierarchy": "next",
    "@theia/merge-conflicts": "next",
    "@theia/search-in-workspace": "next",
    "@theia/json": "next",
    "@theia/textmate-grammars": "next",
    "@theia/mini-browser": "next"
  },
  "devDependencies": {
    "@theia/cli": "next"
  }
}

  简而言之,Theia应用应用程序和扩展包需用Node.js包。每另2个 包都含有另2个 package.json文件,里边列出了包的你你你你这俩元数据,如name、version、运行时和构建时的依赖关系等。

  大伙儿儿儿来看看你你你你这俩包的内容:

  • nameversion被省略了,导致 着大伙儿儿儿不打算将它作为另2个 依赖项来使用。一起它被标记为private,导致 着不打算将它发布为另2个 独立的Node.js包。
  • 大伙儿儿儿在dependencies中列出了所有运行时依赖的扩展包,如@theia/navigator
    • 你你你你这俩扩展包需用额外的工具来进行安装,类事,@theia/python需用Python Language Server来安装。此时你需用参考相应的文档。
    • 还不需要 在这里查看所有已发布的扩展包。
  • 大伙儿儿儿将@theis/cli列为构建时的依赖项,它提供了构建和运行应用应用程序的脚本。

构建

  首先,安装所有的依赖项。

  之后 ,使用Theia CLI来构建应用应用程序。

  yarn在大伙儿儿儿应用应用程序的上下文中查找由@theia/cli提供的theia可执行文件,之后 使用theia执行build命令。这导致 着需用你你你你这俩时间,导致 着默认情况报告下应用应用程序会在production模式下进行构建,即它会进行模糊避免和最小化避免。

运行

  构建完成事先,大伙儿儿儿就还不需要 启动应用应用程序:

  你会 在命令的第另2个 参数中指定另2个 workspace路径,--hostname--port选项用来指定部署的主机名和端口号。类事下面的命令在指定的位置和端口号上打开/workspace

yarn theia start /my-workspace --hostname 0.0.0.0 --port 150150

  在终端中,你应该都看Theia应用应用程序导致 着启动并监听:

   打开浏览器并输入里边显示的地址,你就还不需要 打开应用应用程序了。

故障排除

通过代理构建本地依赖项

  导致 着你通过代理运行yarn命令,在构建本地依赖项时有导致 着会遇到你你你你这俩什么的现象(如onigurma),类事下面的你你你你这俩错误:

[4/4] Building fresh packages...
[1/9]  XXXXX
[2/9]  XXXXX
[3/9]  XXXXX
[4/9]  XXXXX
error /theiaide/node_modules/XXXXX: Command failed.
Exit code: 1
Command: node-gyp rebuild
Arguments:
Directory: /theiaide/node_modules/XXXXX
Output:
gyp info it worked if it ends with ok
gyp info using node-gyp@3.8.0
gyp info using node@8.15.0 | linux | x64
gyp http GET https://nodejs.org/download/release/v8.15.0/node-v8.15.0-headers.tar.gz
gyp WARN install got an error, rolling back install
gyp ERR! configure error
gyp ERR! stack Error: read ECONNRESET
gyp ERR! stack at TLSWrap.onread (net.js:622:25)
gyp ERR! System Linux 3.10.0-862.11.6.el7.x86_64
gyp ERR! command "/usr/bin/node" "/usr/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /theiaide/node_modules/XXXXX
gyp ERR! node -v v8.15.0

  这导致 着node-gyp在system/NPM的代理设置中不工作。导致 着遇到你你你你这俩情况报告,还不需要 通过错误堆栈中提供的链接下载node-headers文件(如里边例子中的https://nodejs.org/download/release/v8.15.0/node-v8.15.0-headers.tar.gz),之后 使用下面的命令进行构建:

npm_config_tarball=/path/to/node-v8.15.0-headers.tar.gz yarn install

原文地址:https://theia-ide.org/docs/composing_applications/