vscode-webview-vite-vue-boilerplate

这是一个基于Vite 5 + Vue3 + TypeScript + UnoCSS + Vue Router + Pinia 的项目模板，可以用于开发 VS Code Webview的插件

功能

[x] 全功能的 web 页面开发（Vue3 + TypeScript + UnoCSS + Vue Router + Pinia）
[x] 支持纯网页端的开发(常规网页开发),支持热更新
[x] VS Code Webview 插件内嵌开发(VS Code Debug & Render Webview )
[x] 支持一键式打包编译出 VS Code 本地版本vsix插件
[x] VS Code Plugin 插件开发的一些配置项及初始化(插件版本、视图名、快捷键绑定等)
[x] CSP策略对 Webview 页面友好，开放https链接和内联样式的注入

快速开始

安装全局依赖: @vscode/vsce

pnpm add -g @vscode/vsce
# Frontend Dock

面向前端/运营同学的 OSS 管理 VS Code 扩展，支持多账户、多前缀的对象浏览、上传、预览、重命名、批量删除、队列管理等常用操作。

## 主要特性

- 多账户/多桶切换，默认前缀记忆
- 右键或行内按钮：上传到当前目录、创建文件夹、重命名、删除、复制公开/签名链接
- 批量删除、上传队列可重试/清理
- 文件点击预览（签名 URL + object 标签，常见类型自动识别）
- 设置面板集中管理密钥与默认前缀

## 安装与开发

```bash
pnpm install:all   # 安装依赖
pnpm dev           # 启动编译（含 webview 构建）
pnpm build         # 生成发布产物
pnpm pack:vsix     # 打包本地 vsix（需全局 vsce）

使用指南

在设置面板配置 OSS 账户（region/accessKey/bucket，可选 cdnDomain/defaultPrefix）
打开“Frontend Dock”视图，浏览桶/前缀/对象
右键桶/文件夹：上传到当前目录、创建文件夹
右键对象：复制公开/签名链接、重命名、删除；点击文件直接预览
批量选中对象可删除；上传队列可重试/移除/清除完成项

Frontend Dock

roxybrowser

vscode-webview-vite-vue-boilerplate

功能

快速开始

使用指南

发布前检查

许可

技术栈