转存宝 - VSCode 插件

将转存宝网盘搜索服务嵌入 VSCode 侧边栏，无需切换浏览器即可快速访问。

功能

• 侧边栏面板：在活动栏内嵌网页，随时收起或展开，不打断编码流程
• 工具栏：内置「刷新」「首页」按钮（同时显示在视图标题栏与面板顶部）
• 快捷键：Ctrl+Alt+Z (Win/Linux) / Cmd+Alt+Z (Mac) 一键打开侧边栏
• 自定义 URL：通过设置项修改加载的网站地址
• Webview 内核：基于 VSCode 原生 Webview，无需额外运行环境

环境要求

• VSCode 1.66.0+
• Windows / macOS / Linux

构建

npm install
npm run compile

编译产物输出到 out/ 目录。

调试

1. 用 VSCode 打开本项目
2. 按 F5（会执行 npm run compile 后启动扩展开发主机）
3. 在新窗口的活动栏点击「转存宝」图标，或按 Ctrl+Alt+Z

打包安装

npm install
npm run package

生成的 .vsix 文件在项目根目录。

安装：

code --install-extension zhuancunbao-vscode-1.0.0.vsix

或在 VSCode 扩展面板 → 更多操作 → 从 VSIX 安装。

使用方法

1. 安装后，活动栏自动出现转存宝图标
2. 点击图标或按 Ctrl+Alt+Z 打开侧边栏面板
3. 使用面板顶部或视图标题栏的「刷新」「首页」按钮导航

自定义

• 修改网站 URL：设置 → 搜索 转存宝 → 修改 Zhuancunbao: Url
• 修改快捷键：键盘快捷方式设置中搜索 zhuancunbao.toggle

项目结构

zhuancunbao-vscode/
├── package.json                # 插件清单（贡献点、命令、快捷键、配置）
├── tsconfig.json               # TypeScript 编译配置
├── .vscodeignore               # 打包排除规则
├── media/
│   └── icon.svg                # 活动栏/视图图标
├── src/
│   ├── extension.ts            # 插件入口（激活、注册命令与视图）
│   ├── config.ts               # 常量配置（URL、视图 ID 等）
│   └── zhuancunbaoView.ts      # WebviewViewProvider 实现
└── .vscode/
    ├── launch.json             # 调试配置
    └── tasks.json              # 构建任务

与 IDEA 版的差异

说明：VSCode 的活动栏容器固定在左侧；若想放到右侧，可手动将视图拖到辅助侧边栏（Secondary Side Bar）。

技术栈