VSCodeでのコンソールログ出力のショートカット

1. console.logショートカットキー: VSCodeでは、console.logを簡単に入力するためのショートカットがあります。以下の手順で使用できます:

   • コード内でlogと入力します。
   • 提案されたコード補完の中からconsole.logを選択します。
   • セミコロンを入力することで、console.logが自動的に挿入されます。

2. デバッグコンソールの使用: VSCodeにはデバッグコンソールが組み込まれており、コードの実行中にログを表示することができます。以下の手順で使用できます:

   • デバッグメニューを開きます（通常はサイドバーの虫アイコン）。
   • ブレークポイントを設定します。
   • プログラムをデバッグモードで実行します。
   • コードがブレークポイントに到達すると、デバッグコンソールにログが表示されます。

3. 拡張機能の利用: VSCodeには多くの便利な拡張機能があります。以下はいくつかの拡張機能の例です:

   • "Quokka.js": リアルタイムのJavaScriptデバッグとコンソールログ表示をサポートします。
   • "Code Runner": 複数のプログラミング言語でコードを実行し、結果を表示します。
   • "Debugger for Chrome": ChromeブラウザのデバッグツールをVSCode内で使用できます。

これらは一部の一般的な方法ですが、VSCodeではさまざまな方法でコンソールログを出力することができます。開発プロセスをスムーズにするために、適切な方法を選択してください。