思源笔记插件的开发我是通过社区文档进行学习的：插件开发文档

对于思源笔记插件的开发，需要具备的基础代码知识包括：

  • 前端三件套（HTML、CSS、JavaScript）
  • 以及一些不必要但可以优化开发流程的语言：
    • SASS（CSS 扩展语言）
    • Svelte（前端 UI 框架）
    • TypeScript（JS 的扩展语言）

插件的开发模板主要有两个：

其中社区维护的样板工程内置了对 svelte 的支持，并且能够将项目文件链接到思源的插件目录下，避免手动复制的麻烦，以及支持热重载，它使用 vite 打包项目。所以我选择使用社区维护的样板工程 SiYuan plugin sample (Vite & Svelte) 进行插件的开发，这样的话就需要再掌握上述的几个高级开发语言，但其基本语法其实和前端三件套并无太大区别，没有啥学习成本，只是需要额外学习一下 svelte 框架的语法。

对于插件的开发必须具备的两个开发环境为：

  • nodejs
  • git
  • 编译器（我是用的是 vscode）

首先将 SiYuan plugin sample (Vite & Svelte) 项目 clone 并设置为自己命名的