从头开始编写 Theia 插件：一步步指南

前端

2024-01-01 01:35:11

Eclipse Theia 插件开发指南 - 编写 Theia 插件

从头开始，我们潜入 Theia 插件开发的世界，本文将提供一个分步指南，教您如何创建自己的 Theia 插件，我们将逐步构建一个简单的插件，展示一个简单的 Hello world 通知。

阶段 1：初始化项目

步骤 1：创建项目目录

在您首选的位置创建一个新目录，用于容纳您的插件项目。

步骤 2：创建 package.json

在项目目录中创建 package.json 文件，并添加以下内容：

{
  "name": "my-theia-plugin",
  "version": "0.1.0",
  "description": "My Theia plugin",
  "dependencies": {
    "@theia/plugin": "^1.18.0"
  },
  "theia": {
    "extends": "@theia/plugin"
  }
}

阶段 2：编写插件代码

步骤 3：创建插件主模块

在 src 目录中创建 plugin.ts 文件，并添加以下内容：

import { Plugin, Command } from '@theia/plugin';

export const HelloWorldPlugin: Plugin = {
  id: 'hello-world',
  commands: [
    new Command({
      id: 'hello-world:command',
      label: 'Hello world',
      handler: async () => window.showInformationMessage('Hello world!')
    })
  ]
};