/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

模块简介