tsubakimoto/toumei-blazor は VS Code で書いている。
普段は Visual Studio を使っているのでデバッグをやるのもラクなんだけど、 VS Code で Blazor WebAssembly のデバッグをやろうとしたときに少し手順が必要だったので整理しておく。
基本はこのドキュメント。
docs.microsoft.com
そのうえで気付いたことは以下。
- 必要な VS Code 拡張機能は2つ
launchSettings.jsonの各起動プロファイルにはinspectUriは初めから含まれていた.vscodeフォルダが無かったから、 VS Code を立ち上げ直した際に表示されたRequired assets to build and debug are missing from ~から.vscodeフォルダを作った- Razor Component の
@codeブロック部分のブレークポイントで止めるには、デバッグ中にブラウザ(Edge)で Shift+Alt+Dキー をタイプすれば良い
