YAPI-TO-CODE

一个基于 YAPI 生成 TS/Dart 的 VS Code 扩展，支持浏览整个 Yapi 组，支持自定义模板

marketplace.visualstudio

登录 YAPI

初次使用，输入 yapi 的服务地址 & 账号密码，进行登录

使用

登录后，vscode 便拥有了访问 yapi 接口的能力，能够自动把任意接口转化为类型

代码诊断功能

Yapi-To-Code 对文档中未定义参数类型或返回值类型的接口进行波浪形警告，可以通过快速修复（quick fix）直接添加接口类型到项目中。

接口浏览器

Yapi-To-Code 还提供了接口预览的功能，可以通过搜索选择接口对接口类型进行预览，然后把类型复制到项目中。

这种方式比较笨拙，推荐使用代码诊断功能，一条龙完成

Webview & VS Code Data Flow.png

开发调试

需要依赖 src/server src/webview 的资源

编译前置依赖

yarn
cd src/server && yarn && yarn start
cd src/webview && yarn && yarn start

选择 Client + Server

Tips: node 日志在源码编辑器的调试控制台查看，webview 日志在唤起的编辑器唤起 devtool 查看

打包发布

通过 vsce 打包发布 VS Code Extension

yarn package

yarn pub