Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>AI Plugin InterfaceNew to Visual Studio Code? Get it now.
AI Plugin Interface

AI Plugin Interface

Joye

| (0) | Free
演示 VS Code 插件的命令、状态栏、设置和侧边栏 Webview。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

AI Plugin Interface

一个最小可运行的 VS Code 插件,用来演示扩展常见的几块能力:

  • 命令面板命令
  • 编辑器右键菜单和快捷键
  • 状态栏按钮
  • 活动栏里的 Webview 侧边栏
  • 用户设置
  • globalState 计数,重启后仍保留

试用

  1. 在本目录执行 npm install
  2. 用 VS Code 或 Cursor 打开本目录
  3. 按 F5,启动 Run Extension
  4. 在新打开的扩展开发主机窗口里:
    • 点活动栏的 AI Demo 图标
    • 或打开命令面板,输入 Demo

可以试的操作

入口 做什么
Demo: 打招呼 弹出带名字的提示
Demo: 插入时间戳 在光标处插入本地时间,快捷键 Ctrl+Alt+T
Demo: 把选中内容包成笔记 把选区包成 Markdown 引用
Demo: 插入示例片段 用快速选择插入一段示例代码
侧边栏「插入笔记」 把文本框内容写进当前编辑器
状态栏 Demo N 显示累计操作次数,点击打开侧边栏

名字来自设置 aiPluginDemo.userName,默认是「开发者」。

目录

src/extension.ts   激活、命令、状态栏
src/actions.ts     编辑器操作
src/demoView.ts    侧边栏 Webview
media/icon.svg     活动栏图标

调试编译由 F5 的预启动任务完成,产物在 out/,不会提交。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft