theia的api-samples如何抽离出来变成一个npm包

要将 Theia 的 api-samples 抽离出来成为一个 npm 包，您可以按照以下步骤操作：

1. 创建一个新的 npm 包，可以使用以下命令：

mkdir theia-api-samples && cd theia-api-samples
npm init

2. 在新的 npm 包中创建一个名为 `theia-extension` 的文件夹。

3. 将 Theia 项目中的 `theia-samples/api-samples` 目录复制到 `theia-extension` 文件夹中。

4. 在 `theia-extension` 文件夹中创建一个 `package.json` 文件，并添加以下代码：

{
  "name": "@your-scope/theia-api-samples",
  "version": "1.0.0",
  "description": "API samples for Theia IDE",
  "main": "lib/index.js",
  "license": "MIT",
  "dependencies": {
    "@theia/core": "latest",
    "@theia/filesystem": "latest",
    "@theia/workspace": "latest"
  }
}

注意，在 `dependencies` 中添加了 `@theia/core`、`@theia/filesystem` 和 `@theia/workspace` 依赖项，这些依赖项是 api-samples 所需的。

5. 在 `theia-extension` 文件夹中创建一个 `tsconfig.json` 文件，并添加以下代码：

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "lib": ["es6", "dom"],
    "declaration": true,
    "outDir": "lib"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "**/*.test.ts"]
}

6. 在 `theia-extension` 文件夹中创建一个 `src` 文件夹，并在其中创建一个 `index.ts` 文件，并添加以下代码：

import { ContainerModule } from '@theia/core/lib/common';
import { FilesystemSample } from './filesystem-sample';
import { WorkspaceSample } from './workspace-sample';

export default new ContainerModule(bind => {
    bind(FilesystemSample).toSelf();
    bind(WorkspaceSample).toSelf();
});

这将导出一个 `ContainerModule`，其中包含 `FilesystemSample` 和 `WorkspaceSample`。

7. 在 `theia-extension` 文件夹中创建一个 `filesystem-sample.ts` 文件，并添加以下代码：

import { injectable } from 'inversify';
import { UriAwareCommandHandler } from '@theia/core/lib/common/uri-command-handler';
import { Command } from '@theia/core/lib/common/command';
import { FileSystem } from '@theia/filesystem/lib/common/filesystem';
import URI from '@theia/core/lib/common/uri';

@injectable()
export class FilesystemSample implements UriAwareCommandHandler {

    readonly id = 'filesystem-sample';

    execute(uri: string): void {
        const fileSystem = new FileSystem(new URI(uri));
        fileSystem.readFile('/example.txt').then(content =>
            console.log(`Content of example.txt is: ${content}`)
        );
    }

    isEnabled(uri: string): boolean {
        return true;
    }

    readonly command: Command = {
        id: this.id,
        label: 'Filesystem Sample'
    };

}

这将创建一个 `FilesystemSample` 类，该类读取文件系统中的 `/example.txt` 文件，并在控制台中输出其内容。

8. 在 `theia-extension` 文件夹中创建一个 `workspace-sample.ts` 文件，并添加以下代码：

import { injectable } from 'inversify';
import { UriAwareCommandHandler } from '@theia/core/lib/common/uri-command-handler';
import { Command } from '@theia/core/lib/common/command';
import { Workspace } from '@theia/workspace/lib/browser/workspace-service';
import URI from '@theia/core/lib/common/uri';

@injectable()
export class WorkspaceSample implements UriAwareCommandHandler {

    readonly id = 'workspace-sample';

    execute(uri: string): void {
        const workspace = new Workspace(new URI(uri));
        workspace.getRoot().then(root =>
            console.log(`Workspace root is: ${root.uri}`)
        );
    }

    isEnabled(uri: string): boolean {
        return true;
    }

    readonly command: Command = {
        id: this.id,
        label: 'Workspace Sample'
    };

}

这将创建一个 `WorkspaceSample` 类，该类获取工作区的根目录，并在控制台中输出其 URI。

9. 在 `theia-extension` 文件夹中创建一个 `index.ts` 文件，并添加以下代码：

export * from './filesystem-sample';
export * from './workspace-sample';
export * from './container';

这将导出 `FilesystemSample`、`WorkspaceSample` 和 `ContainerModule`。

10. 在根目录中创建一个 `.npmignore` 文件，并添加以下代码：

# Ignore development files
.vscode/
src/
test/
tsconfig.json
tslint.json

这将忽略开发文件，以减小 npm 包的大小。

11. 在根目录中创建一个 `.gitignore` 文件，并添加以下代码：

# Ignore development files
.vscode/
src/
test/
tsconfig.json
tslint.json

# Ignore build output
node_modules/
lib/

这将忽略开发文件和构建输出。

12. 使用以下命令在本地进行测试：

yarn
yarn build

13. 使用以下命令将包发布到 npm：

npm login
npm publish --access=public

这将将包发布到公共的 npm registry 中。

现在，您已经成功地将 Theia 的 api-samples 抽离出来成为一个 npm 包。其他开发人员可以使用 `npm install @your-scope/theia-api-samples` 命令安装并使用这个包。