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キー をタイプすれば良い