我想只在插件开发过程中怎么源码调试?
试了一些方案都没有办法源码调试,就算在插件目录 .obsidian/plugins/
运行 npm run dev
然后再启动 obsidian 也没法源码调试,只能看到编译之后的 js 文件。
网上也没有找到可以源码调试插件的方法
我想只在插件开发过程中怎么源码调试?
试了一些方案都没有办法源码调试,就算在插件目录 .obsidian/plugins/
运行 npm run dev
然后再启动 obsidian 也没法源码调试,只能看到编译之后的 js 文件。
网上也没有找到可以源码调试插件的方法
很多办法,基本思路就是生成一个插件文件夹,里面包好main.js
,manifest.json
,styles.css
。
所以办法包括:
esbuild
,直接在插件目录 .obsidian/plugins/
下生成打包后的文件夹。.obsidian/plugins/
下生成项目这些东西都可以在开源的插件项目里学到
生成后的都不是源码,而是编译后的js文件,基本没法调试。
我的问题不是怎么开发插件,而是怎么开发过程中怎么源码调试,现在是只能通过log来调试。
或者方便截个图吗
生成的js文件在打包时记得带sourcemap,ob就是浏览器,你可以查查怎么在浏览器里打断点,我记得在vscode里也能,console.debug
似乎也行。我现在没开发插件,也不好截图。不过console.log
基本就够了吧。
可以在源码里加 debugger,运行到这里是就会暂停,或者是打开控制台,在编译后的代码里找到对应的地方打断点
确实只能log了,勉强可用吧。方便还是直接源码加断点方便
在远码加debugger,这个好,之前没想到。编译之后乱码,加断点可以,但是非常不好看,分不清这个是什么变量。
感谢,我已经成功调试起来了。
请问最后您是怎么调试的呢?
通常报错或有输出的,我通常直接浏览器debug,有时用debugger,主要浏览器找起来太麻烦,如果是quickadd,dataview等,那debugger非常方便。
但不知道能否直接在vscode中debug?不知是否有大佬尝试过?