YAPI TypeScript

一个强大的编辑器插件，用于从 YAPI 接口文档自动生成 TypeScript 类型定义和 API 接口代码，提升前端开发效率。支持 VSCode、Cursor、VSCodium 等兼容编辑器。通过可视化界面轻松管理 YAPI 项目，浏览接口文档，并一键生成标准化的 TypeScript 代码。

插件名称: yapi-ts
GitHub 仓库: https://github.com/zhoujiandev/yapi2ts
Open VSX: https://open-vsx.org/extension/zhoujian/yapi-ts

📑 目录

功能演示
功能特性
快速开始
详细使用指南
模板系统
YAPI API支持
技术栈
开发指南
贡献指南

🎬 功能演示

功能演示

✨ 功能特性

🔗 YAPI集成

支持多YAPI项目配置和管理
实时连接YAPI服务器获取最新接口文档
自动同步接口分类和详情信息

🎯 智能代码生成

TypeScript类型定义 - 自动解析请求参数和响应数据，生成标准 TS 接口
API接口代码 - 基于模板生成完整的 API 调用函数
智能类型推导 - 支持 JSON Schema 解析，准确生成复杂类型
批量生成 - 支持同时选择多个接口进行批量代码生成
智能命名冲突处理 - 自动检测并解决方法名冲突，使用路径分段策略
多种请求类型支持 - 支持 Query 参数、JSON Body、Form Data 等
自动注释生成 - 为生成的代码添加完整的 JSDoc 注释，包含参数说明和接口链接

🌲 直观的界面设计

树形导航 - 左侧树形结构展示接口分类，层次清晰
表格列表 - 右侧表格展示接口详情，支持状态标识和操作按钮
三标签页设计 - 接口列表、项目管理、模板管理分离，操作便捷
智能搜索 - 支持接口路径模糊匹配，快速定位目标接口

🛠️ 灵活的模板系统

内置模板 - 提供优化的 Axios 模板，开箱即用
自定义模板 - 支持创建和编辑个性化代码模板
ES6 模板字符串 - 使用标准的 ES6 模板字符串语法编写模板
变量替换 - 丰富的模板变量支持，满足各种代码生成需求
模板管理 - 可视化的模板编辑器，支持增删改查操作
自动注释增强 - 模板会自动添加 JSDoc 注释，即使模板中没有定义

💾 项目配置管理

多项目支持 - 同时管理多个 YAPI 项目配置
快速切换 - 项目间一键切换，提高工作效率
配置持久化 - 项目配置自动保存，重启编辑器后自动恢复

📋 便捷的操作体验

一键复制 - 生成的代码自动复制到剪贴板，即生即用
YAPI链接 - 快速复制YAPI接口地址，便于查看原始文档
状态提示 - 清晰的接口状态标识（已发布/开发中/已废弃）
错误处理 - 友好的错误提示和异常处理机制

🚀 快速开始

📦 安装插件

方式一：扩展市场安装（推荐）

打开编辑器，按 Ctrl+Shift+X（Mac: Cmd+Shift+X）打开扩展面板
在搜索框中输入 "yapi-ts" 或 "YAPI TypeScript"
找到插件后点击 "安装" 按钮
安装完成后重启编辑器（如需要）

方式二：命令行安装

# VSCode / Cursor
code --install-extension zhoujian.yapi-ts

# VSCodium
codium --install-extension zhoujian.yapi-ts

🎯 首次使用

安装完成后，您会在编辑器左侧活动栏看到 YAPI TypeScript 图标 📋

1. 打开插件面板

点击左侧活动栏的 YAPI TypeScript 图标
插件界面包含三个主要标签页：
- 📋 接口列表 - 浏览接口文档，生成代码
- 🏗️ 我的项目 - 管理 YAPI 项目配置
- 📝 我的模板 - 管理代码生成模板

2. 配置YAPI项目

切换到 "我的项目" 标签页
点击 "新增项目" 按钮
填写项目配置信息：
- 项目名称：自定义名称，便于识别（如：用户中心API）
- YAPI地址：您的YAPI服务器地址（如：https://yapi.company.com）
- 项目Token：YAPI项目的访问令牌
点击 "保存" 完成配置

💡 获取项目Token的方法：

登录您的YAPI系统

进入目标项目

点击 "设置" → "token配置"

复制项目Token

3. 开始使用

切换到 "接口列表" 标签页
在项目下拉框中选择刚才配置的项目
点击 "连接" 按钮加载接口数据
左侧显示接口分类树，右侧显示接口列表
勾选需要的接口，选择模板，开始生成代码！

⚡ 快速体验

以下是一个完整的使用流程示例：

1. 配置项目 → 2. 连接YAPI → 3. 浏览接口 → 4. 生成代码 → 5. 复制使用

示例场景：为用户管理相关接口生成TypeScript代码

添加项目：项目名称填写"用户管理系统"，配置YAPI地址和Token
连接项目：选择项目后点击连接，加载所有接口分类
选择接口：在左侧树中选择"用户管理"分类，右侧表格显示相关接口
生成类型：勾选"获取用户信息"接口，点击"生成参数"按钮
生成API：选择Axios模板，点击"生成API定义"按钮
使用代码：生成的代码已自动复制到剪贴板，直接粘贴到项目中使用

📖 详细使用指南

🏗️ 项目管理

项目管理是使用插件的第一步，通过配置YAPI项目信息，建立与YAPI服务器的连接。

添加YAPI项目

进入项目管理页面
- 切换到 "我的项目" 标签页
- 页面显示已配置的项目列表
新增项目配置
- 点击 "新增项目" 按钮
- 在弹出的对话框中填写以下信息：

字段	说明	示例
项目名称	自定义项目名称，便于识别和管理	`用户中心API`、`订单管理系统`
YAPI地址	YAPI服务器的完整地址	`https://yapi.company.com`
项目Token	YAPI项目的访问令牌，用于API认证	`abc123def456...`

保存项目配置
- 填写完成后点击 "保存" 按钮
- 系统会自动验证配置的有效性
- 配置成功后项目会出现在项目列表中

获取项目Token

💡 重要提示：项目Token是访问YAPI接口的凭证，请妥善保管

获取步骤：

登录您的YAPI系统
进入目标项目页面
点击页面右上角的 "设置" 按钮
在设置页面中找到 "token配置" 选项
复制显示的项目Token

项目管理操作

📝 编辑项目：点击项目列表中的 "编辑" 按钮，修改项目配置信息
🗑️ 删除项目：点击项目列表中的 "删除" 按钮，移除不需要的项目配置
🔄 快速切换：在接口列表页面使用项目下拉框快速切换不同项目

📋 接口浏览与搜索

接口浏览是插件的核心功能，提供直观的界面来查看和管理YAPI接口。

连接YAPI项目

选择项目
- 切换到 "接口列表" 标签页
- 在页面顶部的项目下拉框中选择已配置的项目
建立连接
- 点击 "连接" 按钮
- 系统会自动获取项目的接口分类和接口列表
- 连接成功后左侧显示接口分类树，右侧显示接口表格

界面布局说明

左侧：接口分类树

📁 显示YAPI项目中的所有接口分类
🌲 树形结构，支持展开/折叠操作
🎯 点击分类名称可筛选右侧接口列表

右侧：接口列表表格

📊 表格形式展示接口详细信息
🏷️ 包含HTTP方法、接口标题、路径和状态等字段
✅ 支持多选操作，便于批量处理

接口状态标识

插件使用不同颜色标识接口状态：

状态	标识	说明
已发布	🟢 绿色	接口已完成开发并发布，可正常使用
开发中	🟡 黄色	接口正在开发中，可能不稳定
已废弃	🔴 红色	接口已废弃，不建议使用

智能搜索功能

搜索方式：

在搜索框中输入接口路径的关键词
支持模糊匹配，可输入路径的任意部分
按回车键或点击搜索按钮执行搜索
点击 "清空" 按钮清除搜索条件

搜索示例：

输入 user 可匹配 /api/user/info、/api/user/list 等
输入 info 可匹配 /api/user/info、/api/order/info 等
输入 /api/user 可精确匹配该路径下的所有接口

🎯 代码生成

代码生成是插件的核心价值，支持生成TypeScript类型定义和API接口代码。

智能命名特性

插件采用智能命名策略，自动处理方法名冲突：

命名规则：

从接口路径的最后一段生成方法名
自动添加 HTTP 方法前缀（get、post、put、delete 等）
识别并保留版本号（v1、v2 等）
支持多种命名格式转换（蛇形命名、驼峰命名等）

冲突处理：

当检测到方法名冲突时，自动增加路径分段数
采用渐进式策略，最多使用 5 层路径
按分类独立处理，避免跨分类干扰

示例：

// 路径: /api/user/info
// 生成: getUserInfo

// 路径: /api/v1/user/info (带版本号)
// 生成: getUserInfoV1

// 路径: /api/user_profile/info (蛇形命名)
// 生成: getUserProfileInfo

// 冲突情况:
// /api/user/info -> getUserInfo
// /api/admin/info -> getAdminInfo (自动使用上一级路径避免冲突)

生成TypeScript类型定义

操作步骤：

在接口表格中勾选需要生成类型的接口（支持多选）
点击 "生成参数" 按钮
插件会自动解析接口的请求参数和响应数据
生成的TypeScript接口定义会自动复制到剪贴板

生成的类型包括：

请求参数类型：包含查询参数、请求体参数等
响应数据类型：基于接口返回的JSON Schema生成
路径参数类型：动态路径参数的类型定义

示例输出：

// 获取用户信息接口类型定义
export interface GetUserInfoRequest {
    userId: number; // 用户ID
    includeProfile?: boolean; // 是否包含详细信息
}

export interface GetUserInfoResponse {
    code: number;
    message: string;
    data: {
        id: number;
        name: string;
        email: string;
        avatar?: string;
    };
}

生成API接口代码

操作步骤：

在接口表格中勾选需要生成API的接口
在模板下拉框中选择代码模板（如：Axios模板）
点击 "生成API定义" 按钮
根据选择的模板生成完整的API调用代码
生成的代码会自动复制到剪贴板

示例输出（Axios模板）：

/**
 * 获取用户信息
 */
export const getUserInfo = (params: GetUserInfoRequest): Promise<GetUserInfoResponse> => {
    return request({
        url: '/api/user/info',
        method: 'GET',
        params
    });
};

批量操作

多选支持：可同时选择多个接口进行批量生成
统一输出：批量生成的代码会按接口顺序组织
效率提升：一次操作生成多个接口的完整代码

📝 模板管理

模板系统支持使用内置模板和创建自定义模板来生成不同风格的 API 代码。

基本操作

查看模板：切换到 "我的模板" 标签页
新增模板：点击 "新增模板" 按钮，填写模板名称、描述和内容
编辑模板：点击模板列表中的 "编辑" 按钮
删除模板：点击模板列表中的 "删除" 按钮
重置模板：使用命令面板执行 "YAPI TypeScript: Reset Templates"

💡 模板语法和变量详情请参考模板系统章节

🔗 其他实用功能

复制YAPI接口地址

在接口表格的操作列中点击 "复制链接" 按钮
YAPI接口的完整地址会复制到剪贴板
可以直接在浏览器中打开查看接口的详细文档

链接格式：https://yapi.company.com/project/123/interface/api/456

接口详情查看

点击接口标题可查看接口的详细信息
包含请求参数、响应示例、接口说明等完整文档
便于开发者深入了解接口规范

🔧 模板系统

模板系统基于 EJS 引擎。

EJS 语法（推荐）

语法	说明	示例
`<%- variable %>`	输出变量（不转义）	`<%- methodName %>`
`<% code %>`	执行 JS 代码	`<% if (isGet) { %>`
`<%- expr %>`	输出表达式结果	`<%- isGet ? 'params' : 'data' %>`

💡 也支持 ES6 模板字符串语法 ${variable}（会自动转换为 EJS，兼容旧模板）

可用变量

变量名	描述	示例
`methodName`	方法名（根据接口路径自动生成）	`getUserInfo`
`title`	接口标题	`获取用户信息`
`path`	接口路径	`/api/user/info`
`method`	HTTP方法（大写）	`GET`, `POST`, `PUT`, `DELETE`
`lowerCaseMethod`	HTTP方法（小写）	`get`, `post`, `put`, `delete`
`responseTypeName`	响应数据类型名	`GetUserInfoResponse`
`paramsTypeName`	参数类型名	`GetUserInfoParams`
`interfaceUrl`	YAPI接口详情页URL	`http://yapi.example.com/project/123/interface/api/456`
`isGet`	是否为GET请求	`true` 或 `false`
`isPost`	是否为POST请求	`true` 或 `false`
`isPut`	是否为PUT请求	`true` 或 `false`
`isDelete`	是否为DELETE请求	`true` 或 `false`
`isPatch`	是否为PATCH请求	`true` 或 `false`
`isHead`	是否为HEAD请求	`true` 或 `false`
`isOptions`	是否为OPTIONS请求	`true` 或 `false`
`isNotGet`	是否为非GET请求	`true` 或 `false`
`iface`	完整的接口对象	包含所有YAPI接口属性的对象

语法示例

// 输出变量
export const <%- methodName %> = () => {};

// 条件判断
<% if (isGet) { %>
  // GET 请求逻辑
<% } else { %>
  // 非 GET 请求逻辑
<% } %>

// 三元表达式
<%- isGet ? 'params' : 'data' %>

// 访问接口对象属性
<%- iface.status %>  // 接口状态: done | undone | deprecated
<%- iface.catid %>   // 分类ID
<%- iface._id %>     // 接口ID

内置模板

插件内置了三个常用模板：

1. Axios Template

基于 Axios 的请求模板，自动区分 GET/非GET 请求参数：

export const <%- methodName %> = (params: <%- paramsTypeName %>, config?: Omit<AxiosRequestConfig, <%- isNotGet ? '"data"' : '"params"' %>>): Promise<<%- responseTypeName %>> => {
  return axios.<%- lowerCaseMethod %>('<%- path %>', <%- isNotGet ? 'params, config' : '{ params, ...config }' %>);
};

2. Fetch Template

基于原生 Fetch API 的请求模板，使用 EJS 条件语法：

export async function <%- methodName %>(params: <%- paramsTypeName %>): Promise<<%- responseTypeName %>> {
<% if (isGet) { %>
  const query = new URLSearchParams(params as Record<string, string>).toString();
  const response = await fetch(`<%- path %>?${query}`);
<% } else { %>
  const response = await fetch('<%- path %>', {
    method: '<%- method %>',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(params)
  });
<% } %>
  return response.json();
}

3. Simple Request

简洁的请求模板，适用于自定义 request 封装：

export const <%- methodName %> = (params: <%- paramsTypeName %>) => {
  return request<<%- responseTypeName %>>({
    url: '<%- path %>',
    method: '<%- lowerCaseMethod %>',
    <%- isGet ? 'params' : 'data' %>: params
  });
};

生成示例

GET 请求生成结果：

/**
 * 获取用户信息
 * @description 根据用户ID获取用户详细信息
 * @url https://yapi.example.com/project/123/interface/api/456
 * @param {string} params.userId 用户ID
 */
export const getUserInfo = (
    params: GetUserInfoParams,
    config?: Omit<AxiosRequestConfig, 'params'>
): Promise<GetUserInfoResponse> => {
    return axios.get('/api/user/info', { params, ...config });
};

POST 请求生成结果：

/**
 * 创建订单
 * @description 创建新的订单记录
 * @url https://yapi.example.com/project/123/interface/api/789
 * @param {string} params.productId 商品ID
 * @param {number} params.quantity 购买数量
 */
export const createOrder = (
    params: CreateOrderParams,
    config?: Omit<AxiosRequestConfig, 'data'>
): Promise<CreateOrderResponse> => {
    return axios.post('/api/order/create', params, config);
};

🔌 YAPI API支持

插件使用以下YAPI开放接口获取数据：

API端点	功能	参数
`/api/project/get`	获取项目信息	`token`
`/api/interface/getCatMenu`	获取接口分类菜单	`token`
`/api/interface/list_cat`	获取分类下的接口列表	`token`, `catid`, `page`, `limit`
`/api/interface/get`	获取接口详情	`token`, `id`

🔧 技术栈

本项目采用现代化的前端开发技术栈：

核心技术

TypeScript - 类型安全的 JavaScript 超集
VSCode Extension API - VSCode 插件开发接口
Webpack - 模块打包工具

开发工具

ESLint - 代码质量检查工具
- @typescript-eslint/eslint-plugin - TypeScript ESLint 插件
- eslint-plugin-prettier - Prettier 集成
Prettier - 代码格式化工具
Husky - Git hooks 管理工具
lint-staged - Git 暂存文件代码检查

测试工具

Mocha - 测试框架
@vscode/test-electron - VSCode 插件测试工具
@vscode/test-cli - VSCode 测试命令行工具

构建工具

Webpack - 代码打包和优化
ts-loader - TypeScript loader for Webpack

🛠️ 开发指南

📋 环境要求

基础环境：

Node.js >= 16.0.0（推荐使用 LTS 版本）
pnpm >= 7.0.0（包管理器）
编辑器 >= VSCode 1.50.0（支持 VSCode、Cursor、VSCodium 等）
Git >= 2.0.0（版本控制）

开发工具（可选但推荐）：

编辑器扩展：TypeScript Importer、ESLint、Prettier
调试工具：编辑器内置调试器
测试工具：Mocha + @vscode/test-electron（已集成）

🏗️ 项目结构

yapi2ts/
├── src/                        # 源代码目录
│   ├── extension.ts            # 插件入口文件，激活插件和注册命令
│   ├── webviewProvider.ts      # Webview 提供者，处理 UI 渲染和消息通信
│   ├── yapiService.ts          # YAPI API 服务，封装所有 YAPI 接口调用
│   ├── codeGenerator.ts        # 代码生成器，负责生成 TS 类型和 API 代码
│   ├── types.ts                # TypeScript 类型定义，定义项目使用的所有类型
│   └── test/                   # 测试文件目录
│       ├── extension.test.ts   # 插件激活和命令测试
│       ├── yapiService.test.ts # YAPI 服务单元测试
│       ├── codeGenerator.test.ts # 代码生成器单元测试
│       ├── webviewProvider.test.ts # Webview 提供者测试
│       └── integration.test.ts # 集成测试
├── media/                      # 静态资源目录
│   ├── main.js                 # Webview 前端脚本（纯 JavaScript）
│   ├── main.css                # 主样式文件
│   ├── reset.css               # CSS 重置文件
│   ├── vscode.css              # 编辑器主题样式变量
│   ├── icon.svg                # 插件图标（SVG）
│   └── icon.png                # 插件图标（PNG）
├── dist/                       # 编译输出目录（Webpack 打包）
│   └── extension.js            # 打包后的插件代码（生产环境）
├── out/                        # 测试编译输出目录
├── package.json                # 项目配置和依赖管理
├── tsconfig.json               # TypeScript 编译配置
├── webpack.config.js           # Webpack 打包配置
├── eslint.config.mjs           # ESLint 代码检查配置
├── .prettierrc.json            # Prettier 格式化配置
└── README.md                   # 项目文档

📚 核心组件说明

1. extension.ts - 插件入口

插件的激活入口点
注册 Webview 视图提供者
注册插件命令（如重置模板）
管理插件的生命周期

2. webviewProvider.ts - Webview 提供者

实现 WebviewViewProvider 接口
渲染插件的用户界面
处理前端和后端的消息通信
管理项目和模板的状态持久化
协调 YapiService 和 CodeGenerator

3. yapiService.ts - YAPI 服务

封装所有 YAPI API 调用
处理 HTTP 请求和错误
提供以下功能：
- 获取项目信息
- 获取接口分类菜单
- 获取接口列表
- 获取接口详情
- 批量获取接口

4. codeGenerator.ts - 代码生成器

生成 TypeScript 类型定义
生成 API 接口代码
支持模板系统
智能处理命名冲突
解析 JSON Schema
处理多种请求类型（query、body、form）

5. types.ts - 类型定义

定义项目中使用的所有 TypeScript 类型：

YapiProject - YAPI 项目信息
YapiCategory - 接口分类
YapiInterface - 接口基本信息
YapiInterfaceDetail - 接口详细信息
TemplateConfig - 模板配置
ProjectConfig - 项目配置

🚀 本地开发

1. 克隆和初始化

# 克隆项目
git clone https://github.com/zhoujiandev/yapi2ts.git
cd yapi2ts

# 安装依赖
pnpm install

# 验证安装
pnpm run compile

2. 开发命令

# 编译 TypeScript（使用 Webpack）
pnpm run compile

# 监听文件变化（开发模式）
pnpm run watch

# 类型检查（不输出文件）
pnpm run compile:check

# 打包生产版本
pnpm run package

# 代码检查（自动修复）
pnpm run lint

# 代码检查（仅检查不修复）
pnpm run lint:check

# 格式化代码
pnpm run format

# 检查代码格式
pnpm run format:check

# 运行测试
pnpm run test

# 编译测试文件
pnpm run compile-tests

# 监听测试文件变化
pnpm run watch-tests

3. 开发工作流

启动开发环境：
```
pnpm run watch
```

在编辑器中打开项目：

# VSCode / Cursor
code .

# VSCodium
codium .

按 F5 启动调试模式，这会：
- 编译 TypeScript 代码
- 启动新的编辑器窗口（Extension Development Host）
- 在新窗口中加载开发中的插件
在新窗口中测试功能：
- 点击侧边栏的 YAPI 图标
- 测试各项功能
- 查看控制台输出和错误信息

🐛 调试指南

1. 插件调试

启动调试：

在主编辑器窗口中按 F5
或者使用 Ctrl+Shift+P 输入 "Debug: Start Debugging"

调试技巧：

在代码中设置断点
使用 console.log() 输出调试信息
查看 "Developer Tools" 中的控制台输出
使用调试面板查看变量值

2. Webview 调试

打开开发者工具：

在插件面板中右键点击
选择 "检查元素" 或 "Inspect"
在开发者工具中调试前端代码

常见调试场景：

检查网络请求（Network 标签）
查看控制台错误（Console 标签）
调试 JavaScript 代码（Sources 标签）
检查 DOM 结构（Elements 标签）

3. 日志和错误处理

查看插件日志：

打开编辑器输出面板：Ctrl+Shift+U（或 View → Output）
选择 "YAPI TypeScript" 输出通道
查看详细的运行日志和错误信息

常见问题排查：

YAPI 连接失败：检查网络和 Token 配置
代码生成错误：查看接口数据格式和模板配置
插件加载失败：检查 TypeScript 编译错误

📦 打包和发布

1. 本地打包

# 代码检查和格式化
pnpm run lint
pnpm run format

# 运行测试
pnpm run test

# 打包插件（生产模式）
pnpm run package

打包后的文件位于 dist/ 目录，包含优化后的生产代码。

2. 发布到市场

# 安装 vsce（如果未安装）
npm install -g @vscode/vsce

# 登录到 Open VSX（首次需要）
npx ovsx login

# 发布到 Open VSX
npx ovsx publish

注意：本项目发布到 Open VSX Registry，与 VSCode、Cursor、VSCodium 等兼容编辑器完美兼容。

3. 版本管理

版本号规则：

遵循语义化版本控制（Semantic Versioning）
格式：主版本.次版本.修订版本
示例：1.2.3

发布检查清单：

[ ] 所有测试通过
[ ] 代码格式检查通过
[ ] 更新 CHANGELOG.md
[ ] 更新版本号
[ ] 创建 Git 标签
[ ] 发布到市场

🧪 测试指南

1. 单元测试

# 运行所有测试
pnpm run test

# 运行特定测试文件
pnpm run test -- --testNamePattern="YapiService"

# 生成测试覆盖率报告
pnpm run test:coverage

2. 集成测试

手动测试流程：

启动调试模式
配置测试 YAPI 项目
测试接口列表加载
测试代码生成功能
测试模板管理功能
验证生成的代码质量

3. 性能测试

关注指标：

插件启动时间
接口列表加载速度
代码生成响应时间
内存使用情况

🔧 开发技巧

1. 代码规范

TypeScript 严格模式：项目启用了 TypeScript 严格类型检查
ESLint：使用 @typescript-eslint 插件进行代码检查
Prettier：自动格式化代码，配置文件：.prettierrc.json
Husky + lint-staged：Git 提交前自动运行代码检查和格式化
命名规范：遵循 camelCase 和 PascalCase 命名约定
添加适当的类型注解和 JSDoc 注释

2. 性能优化

合理使用缓存机制
避免频繁的 API 调用
优化 Webview 渲染性能
使用异步操作避免阻塞

3. 错误处理

使用 try-catch 包装异步操作
提供友好的错误提示
记录详细的错误日志
实现优雅的降级处理

🤝 贡献指南

我们欢迎任何形式的贡献！

提交Issue

使用清晰的标题描述问题
提供详细的复现步骤
包含错误信息和截图

提交Pull Request

Fork项目到你的GitHub账户
创建功能分支：git checkout -b feature/amazing-feature
提交更改：git commit -m 'Add amazing feature'
推送分支：git push origin feature/amazing-feature
创建Pull Request

开发规范

遵循TypeScript和ESLint规范
添加适当的注释和文档
编写单元测试
确保所有测试通过

📄 许可证

本项目采用 MIT License 许可证。

如果这个插件对你有帮助，请给我们一个⭐️！