Prompt Manager VSCode Extension
一个用于管理提示词的VSCode扩展，与您的提示词管理服务集成，提供便捷的编辑和管理功能。
功能特性
- 🌳 树形展示: 在侧边栏以分组树形结构展示提示词分类
- 📝 编辑功能: 点击提示词标题在编辑器中打开内容
- 💾 自动保存: 支持编辑后自动保存到后端服务
- 🔍 搜索功能: 快速搜索提示词名称、内容和分类
- ⚙️ 配置管理: 可配置后端服务地址和自动保存选项
安装使用
1. 安装扩展
- 克隆此仓库到本地
- 在VSCode中按
F5 启动调试模式，或
- 打包扩展
.vsix 文件并安装
2. 配置服务
确保您的提示词管理服务正在运行（默认地址：http://localhost:5000）
如需修改服务地址：
- 打开VSCode设置
- 搜索 "Prompt Manager"
- 修改 "Server Url" 配置项
3. 使用扩展
- 在左侧活动栏点击提示词图标
- 展开分类查看提示词
- 点击提示词标题打开编辑器
- 编辑内容会自动保存
配置选项
| 配置项 |
默认值 |
说明 |
promptManager.serverUrl |
http://localhost:5000 |
提示词管理服务地址 |
promptManager.autoUpdateUrl |
true |
自动更新服务地址 |
快捷键
| 命令 |
快捷键 |
说明 |
promptManager.refresh |
- |
刷新提示词列表 |
promptManager.savePrompt |
Ctrl+S |
保存当前提示词 |
promptManager.searchPrompts |
Ctrl+Shift+F |
搜索提示词 |
promptManager.createNewPrompt |
- |
创建新提示词 |
树形视图图标说明
- 📁 文件夹图标: 分类节点
- 📄 文档图标: 提示词叶子节点
- 📚 书本图标: "知识"分类
- 📋 列表图标: "规则"分类
- ▶️ 播放图标: "工作流"分类
- ⚙️ 齿轮图标: "配置"分类
API集成
扩展与您的提示词管理服务通过以下API接口通信：
GET /api/prompts/tree - 获取树形结构GET /api/prompts/:id - 获取单个提示词PUT /api/prompts/:id - 更新提示词POST /api/prompts - 创建新提示词DELETE /api/prompts/:id - 删除提示词
开发和调试
本地开发
- 克隆仓库
- 在VSCode中打开项目
- 按
F5 启动扩展开发主机
- 在新窗口中测试扩展功能
项目结构
prompt-manager-extension/
├── src/
│ ├── extension.js # 扩展入口
│ ├── service/
│ │ └── apiService.js # API服务
│ ├── tree/
│ │ ├── promptTree.js # 树形数据提供者
│ │ └── treeItem.js # 树节点类
│ └── editor/
│ └── promptEditor.js # 编辑器管理
├── resources/
│ └── icon.svg # 扩展图标
├── package.json # 扩展清单
└── README.md # 说明文档
打包发布
npm install -g vsce
vsce package
故障排除
常见问题
无法连接到服务
- 检查提示词管理服务是否正在运行
- 验证服务地址配置是否正确
- 检查防火墙设置
提示词列表为空
自动保存不工作
贡献
欢迎提交Issue和Pull Request来改进这个扩展。
许可证
MIT License
| |
