/vscode-webview-extension-example

Vscode 的 Webview 开发示例: 1、提供 Vue、React 示例，2、完善的 WebView 与 Extension 通讯方案，3、支持热更新

Primary LanguageTypeScriptMIT LicenseMIT

特点

  • 提供 Vue、React 示例，使用 monorepo 的架构风格
  • 完善的 WebView 与 Extension 通讯方案，基于 JSON-RPC 2.0
  • WebView 开发支持支持热更新

使用

  1. 初始化

    git clone git@github.com:liutaigang/vscode-webview-extension-example.git
cd vscode-webview-extension-example
pnpm i

  2. 按 F5 启动调试模式

  3. 点击 activitybar 上的图标：

  4. 示例动画

打包

在 root 目录下：

pnpm build      # 构建所有项目
pnpm package    # 打包插件

打包结果：packages/extension/extension-1.0.1.vsix

模块简介