VS Code flomo Extension
一个用于将选中文本或笔记发送到 flomo 的 VS Code 扩展。
功能特性
- 📝 发送选中文本: 选中编辑器中的文本并发送到 flomo
- 🎯 自定义标签: 支持为笔记添加默认标签
- 🔧 灵活配置: 可配置 flomo API URL 和默认标签
- 📋 侧边栏界面: 在侧边栏提供独立的笔记输入界面
- ⚡ 快速访问: 通过编辑器标题栏图标快速发送选中文本
安装
- 在 VS Code 中打开扩展视图 (
Ctrl+Shift+X)
- 搜索 "flomo Integration"
- 点击安装
配置
在使用扩展之前，您需要配置 flomo API:
- 打开 VS Code 设置 (
Ctrl+,)
- 搜索 "flomo"
- 配置以下设置：
- flomo API URL: 您的 flomo API webhook URL
- Default Tag: 默认标签（可选，例如
#vscode）
- Show Sidebar: 是否在资源管理器中显示 flomo 侧边栏
获取 flomo API URL
- 登录您的 flomo 账户
- 访问 API 设置页面
- 创建或获取您的 webhook URL
- 将 URL 复制到扩展配置中
免费使用 flomo PRO
如果您还没有 flomo PRO 账户，可以通过以下方式免费使用：
使用方法
发送选中文本
- 在编辑器中选中要发送的文本
- 使用以下任一方式发送：
- 右键点击选中文本，选择 "Send to flomo"
- 点击编辑器标题栏的笔记图标
- 使用命令面板 (
Ctrl+Shift+P)，搜索 "Send to flomo"
使用侧边栏
- 在资源管理器侧边栏找到 "flomo" 视图
- 在输入框中输入笔记内容
- 可选择添加标签
- 点击 "Send to flomo" 按钮
- 或使用快捷键
Ctrl+Enter 发送
快捷键
命令
扩展提供以下命令：
flomo.sendSelectedText: 发送选中文本到 flomoflomo.openSidebar: 打开 flomo 侧边栏
配置选项
{
"flomo.apiUrl": "https://flomoapp.com/iwh/xxx", // 您的 flomo API URL
"flomo.defaultTag": "#vscode", // 默认标签
"flomo.showSidebar": true // 是否显示侧边栏
}
故障排除
API 请求失败
- 确认 API URL 正确
- 检查网络连接
- 验证 flomo API 状态
找不到侧边栏
- 确认
flomo.showSidebar 设置为 true
- 重启 VS Code
- 检查资源管理器视图是否展开
开发和测试
本地开发
- 克隆项目：
git clone https://github.com/extrastu/vscode-flomo.git
cd vscode-flomo
- 安装依赖：
pnpm install
- 编译代码：
pnpm run compile
- 测试扩展：
- 按
F5 打开扩展开发主机窗口
- 或者在命令面板中运行 "Developer: Reload Window"
问题排查
如果扩展安装后没有显示：
- 检查侧边栏: 确保在资源管理器中查看 flomo 视图
- 重新加载窗口: 使用
Ctrl+Shift+P → "Developer: Reload Window"
- 检查配置: 确保已正确配置 flomo API URL
- 查看开发者控制台:
Help → Toggle Developer Tools 查看错误信息
配置示例
在 VS Code 设置 (settings.json) 中：
{
"flomo.apiUrl": "https://flomoapp.com/iwh/your-webhook-url",
"flomo.defaultTag": "#vscode",
"flomo.showSidebar": true
}
项目结构
vscode-flomo/
├── src/
│ └── extension.ts # 主要扩展逻辑
├── package.json # 扩展配置和依赖
├── tsconfig.json # TypeScript 配置
└── README.md # 说明文档
构建和打包
# 编译代码
npm run compile
# 打包扩展
vsce package
贡献
欢迎提交 Issue 和 Pull Request 来改进这个扩展。
许可证
MIT License
更新日志
1.0.0
- 初始版本发布
- 支持发送选中文本到 flomo
- 支持侧边栏笔记输入界面
- 支持自定义标签和 API 配置
