VSCode Extension Webview

任务目标

• 本 Skill 用于：创建自定义 Webview 界面，实现与 VSCode 深度集成的功能
• 能力包含：Webview Panel、消息传递、生命周期管理、本地资源加载、CSP 安全策略
• 触发条件：当用户需要创建自定义 UI 界面或实现复杂交互功能时

前置准备

• 环境要求：已完成 vscode-extension-basics-skill 学习
• 前置知识：HTML/CSS/JavaScript 基础

操作步骤

标准流程

1. 创建 Webview Panel

const panel = vscode.window.createWebviewPanel(
  'catCoding',           // viewType 标识符