Add vscode debug support

[enyaxu]

1. First run watch task. Terminal->Run Build Task… chose Build Boostnote task. Or you can run yarn run watch command in terminal.
2. Now you can debug use F5

[ZeroX-DG]

I don't know why but webpack-dev-server return 404 for the bundle file main.js. I'm on Linux. Can you check again?

[enyaxu]

@ZeroX-DG I change devServer to detail mode. Can you check again?

[ZeroX-DG]

The webpack problem is somehow gone, but vscode now said that my breakpoint is Unverified breakpoint.

[enyaxu]

@ZeroX-DG When after start Build Boostnote task, You need to run debug config that named BoostNote All. And then you have two debug process running Boostnote main and Boostnote renderer. Now you need to switch process in vscode to debug your code. Like if you want to debug the code running in Boostnote renderer, you need to switch process to this.

This is because every Electron app have two process, Main process and Render process.

[ZeroX-DG]

OK @enyaxu, it works now. I'm not familiar with vscode debug system so thank you for explaining. By the way, can you add the debug instruction to our docs? it's located here: https://github.com/BoostIO/Boostnote/blob/master/docs/debug.md

[enyaxu]

@ZeroX-DG Ok, I added the debug instruction to debug.md doc. Please review.

[ZeroX-DG]

Please fix your docs. Thank you very much

[ZeroX-DG]

Oops! wrong action.

[enyaxu]

@ZeroX-DG Accept your suggestions, Thank you for you suggestions. 👍

[ZeroX-DG]

LGTM 🎉