JavaScript デバッグレシピ
Visual Studio Code は、組み込みまたは拡張機能によって提供されるデバッガーを介して、多くの言語とプラットフォームのデバッグをサポートしています。
デバッグを簡単に開始できるように、お気に入りのプラットフォームのデバッグを設定するために必要な手順と構成を含むデバッグ「レシピ」のコレクションを作成しました。レシピは GitHub の https://github.com/microsoft/vscode-recipes で公開されています。
Node.js でサーバーサイド JavaScript をデバッグする
Visual Studio Code エディターは、組み込みの Node.js デバッガーを介して Node.js アプリケーションのデバッグをサポートしています。
レシピ
ブラウザでクライアントサイド JavaScript をデバッグする
Visual Studio Code エディターは、Microsoft Edge および Google Chrome で実行されている JavaScript のデバッグをサポートしています。
ブラウザデバッグのドキュメントで、ブラウザデバッグのしくみについて詳しく読むことができます。
レシピ
- Angular CLI を使用して Angular アプリをデバッグする
- Next.js アプリをデバッグする
- Meteor アプリをデバッグする
- Vue.js アプリをデバッグする
- Mocha テストをデバッグする
- Jest テストをデバッグする
ブログ記事:
Electron - Electron アプリケーションをデバッグする
Visual Studio Code エディターは、組み込みの JavaScript デバッガーを介して Electron アプリケーションのデバッグをサポートしています。
レシピ
次のステップ
- デバッグ - VS Code の一般的なデバッグ機能について読む。
- Node.js デバッグ - 組み込みの Node.js デバッガーについて学ぶ。
- 動画: VS Code でデバッグを開始する - VS Code でのデバッグについて学ぶ。