这是一个最小的 VS Code note 插件示例,实现以下基本功能:
- 在工作区根目录下创建并使用
.notes文件夹保存 Markdown 笔记 - 在 Explorer 侧边栏显示
Notes视图(自定义 Webview 实现),并支持"笔记本"(notebook)——每个笔记本对应.notes下的一个子文件夹 - 模仿 OneNote 风格(自定义侧栏布局):你可以为每个笔记本指定颜色(用 emoji 表示),支持折叠/展开笔记本和部分,页面显示最后修改时间
- 命令:
Note: Create Notebook— 新建笔记本(在.notes/下创建子文件夹并生成一个 README.md)Note: Create Note in Notebook— 在选中的笔记本下新建笔记(若未选中,会弹出选择笔记本)Note: Create New Note— 在.notes根目录新建笔记Note: Open Note— 从笔记列表中打开Note: Refresh— 刷新视图Note: Reveal Notes View— 切换到 Explorer 视图Note: Set Notebook Color— 为笔记本分配颜色(OneNote 风格),会在.notes/.meta.json中保存设置;之后侧栏会在笔记本名称前显示对应的 emojiNote: Open Dashboard— 在编辑器区域打开宽屏的 OneNote 风格仪表板,显示所有笔记本的卡片视图Note: Open Dashboard— 在编辑器区域打开宽屏的 OneNote 风格仪表板,显示所有笔记本的卡片视图
如何调试:
- 在 VS Code 中打开你的项目文件夹(例如
d:\repos\github\berry-note)。 - 在 VS Code 中按 F5 启动扩展调试(Extension Development Host)。
- 在调试窗口中使用命令面板(Ctrl+Shift+P)运行上述命令,或在 Explorer -> Notes 视图中使用视图标题上的按钮创建笔记本/笔记。
说明:该实现为纯 JavaScript 的最小示例,后续可以迁移到 TypeScript 并添加搜索、wikilinks、双向链接、同步等功能。