Como debugar Boostnote (app Electron)

Debugar com o Google Chrome developer Tools

Boostnote é um app Electron, por isso ele é baseado no Chromium; desenvolvedores podem usar o Developer Tools igual no Google Chrome.

Você pode habilitar e desabilitar o Developer Tools assim:

O Developer Tools deve parecer assim:

Quando erros acontecem, eles são apresentados na aba console.

Por exemplo, você pode usar o debugger para adicionar um breakpoint (ponto de parada) no código dessa forma:

Isso é só um exemplo ilustrativo, mas você deve encontrar um jeito de debugar que encaixe no seu estilo.

Instale o plugin Debugger for Chrome para Visual Studio Code. Então reinicie-o.
Pressione Shift+Command+B ou execute Run Build Task do menu global Terminal, então seleciona a task Build Boostnote. Ou execute yarn run watch no terminal.
Quando a task acima estiver rodando, abra o Debug view na Activity Bar no lado do seu VS Code ou use o atalho Shift+Command+D.
Selecione a configuração Boostnote All no Debug configuration, então clique na seta verde ou aperte F5 para começar a debugar.
Agora você deve encontrar seu Boostnote rodando. Você vai ver dois processos rodando, um com nome de Boostnote Main e outro com nome de Boostnote Renderer. Agora você pode adicionar os debug breakpoints no vscode. Se os seus breakpoints não forem alertados você pode precisar altenrar entre os processos Boostnote Renderer e Boostnote Main.