wormaworma

快速开始

5 分钟生成并体验 VSCode 悬停文档

5 分钟,完成第一个 API 的代码生成,并体验 VSCode 悬停查看 API 文档的能力。

第一步:安装

npm i wormajs -D
yarn add wormajs -D
pnpm add wormajs -D
bun add wormajs -D

为了方便后续使用,建议在 package.json 中添加如下 script 配置:

{
  "scripts": {
    "worma:init": "worma init",
    "worma:gen": "worma gen"
  }
}

配置后,即可通过 npm run worma:init 初始化、通过 npm run worma:gen 生成代码。

第二步:初始化

在项目根目录运行:

worma init

这会创建一个 worma.config.js(或 .cjs/.mjs/.ts)文件,并且默认配置了 alova 模板和 aiDoc 插件用于生成 AI Skill 文档:

import { defineConfig } from "wormajs";
import { alova, aiDoc, platform } from "wormajs/plugin";

export default defineConfig({
  generator: [
    {
      input: "https://api.example.com",
      output: "src/api",
      plugins: [alova(), aiDoc(), platform("swagger")],
    },
  ],
});

如果已有 OpenAPI 文档地址,也可以编辑 .wormarc 快速配置

https://api.example.com/openapi.json

第三步:生成

worma gen

选择模板

worma 内置了多套预定义模板,覆盖主流的请求库:

模板请求库特点
alovaalova@3函数式调用,支持 Tree-shaking
alovaGlobalsalova@3全局挂载 Apis.xxx,原 @alova/wormhole 模板,可迁移
axiosaxios最流行的 HTTP 客户端
fetch原生 fetch零额外依赖
kyky轻量级 fetch 封装

如果以上都不满足你的需求,worma 支持完全自定义模板,使用 Handlebars 语法自由控制生成代码的结构和内容。

第四步:体验 VSCode 扩展

安装 Worma VSCode 扩展,或在扩展市场搜索 "worma",即可获得以下能力:

  • 悬停查看 API 详情 — 鼠标悬停在生成的 API 调用上,即可查看接口路径、参数表、响应结构等信息
  • 侧边栏 API 浏览器 — 在 VSCode 侧边栏按 tag 分组浏览所有 API,支持搜索
  • 自动检测变更 — 后端接口更新时自动触发重新生成
  • JS 项目类型提示 — 即使使用纯 JavaScript,也能获得完整的类型提示和文档展示

详细功能介绍请查看 编辑器内文档

下一步

On this page