TypeScript 插件开发流程现在更加简单,无需手动克隆模板仓库,只需一条命令即可快速开始!
TypeScript 编写 → 编译为 JS → 发布 NPM 包 → 用户安装
pnpm create karin- 按提示选择“ts插件开发模板”即可自动初始化项目。
- 进入新建的项目目录,继续开发。
-
一键创建项目
pnpm create karin
- 选择“ts插件开发模板”
- 填写你的插件名称(会自动作为 package.json 的 name)
- 其余信息按提示填写
-
安装依赖
pnpm install
-
开发与调试
- 启动开发命令:
pnpm dev
- 编写你的插件代码于
src/目录。 - 编译输出:
pnpm build
- 调试编译之后的代码:
pnpm app
- 本地调试建议:
- 可用
pnpm link --global进行全局软链测试。 - 或在 karin 根目录用
pnpm add ../your-plugin-repo -w进行本地依赖测试。
- 可用
- 启动开发命令:
-
配置 NPM 秘钥
用于自动化发布,建议开启 2FA。
- 注册 npmjs 账号。
- 进入
Access Tokens,新建Classic Token,类型选Automation。 - 复制生成的 Token。
- 打开你的 GitHub 仓库 → Settings → Secrets and variables → Actions。
- 新建
NPM_TOKEN,粘贴 Token。 - 允许 GitHub Actions 创建和批准 PR(Settings → Actions)。
-
设置包信息
包名必须唯一,建议先在 npm 搜索确认。
- 初始化时填写的插件名会自动作为 package.json 的 name,无需手动修改。
- 其他如
author、description、homepage、bugs.url、repository可在 package.json 中补充完善。 - CI 配置无需再手动修改 package-name,已自动同步。
-
自动化发布
推送代码后,GitHub Actions 会自动编译并发布到 npm。
- 常规开发流程:
git add . && git commit -m "feat: ..." && git push- 等待 CI 自动发布
- 发布成功后可在 npm 页面看到新版本
- 常规开发流程:
-
安装与验证
- 在 karin 根目录下安装你的插件:
pnpm add your-package-name -w
- 验证插件是否生效,可查看 karin 启动日志或相关功能。
- 在 karin 根目录下安装你的插件:
- Q: 发布失败怎么办?
- 检查 NPM_TOKEN 是否配置正确,权限是否足够。
- 包名是否唯一,未被占用。
- Actions 日志可定位具体报错。
- Q: 如何本地调试插件?
- 推荐用
pnpm link或本地依赖安装。
- 推荐用
- Q: 如何贡献代码?
- 欢迎 PR,建议先提 issue 讨论。
- 有任何建议或问题,欢迎在 Issues 提出。
- 也可加入官方交流群交流经验。