VS Codeのターミナルでコードを実行する方法

VS Code (Visual Studio Code) ターミナルではテキスト コマンドを使用できます。結果と出力はエディターで表示でき、bash、コマンド プロンプト、PowerShell などのシェルをサポートします。ターミナルエクスポーズでコードを実行すると、ユーザーはターミナルを異なるペインに分割し、コマンド履歴をナビゲートし、シェル環境をカスタマイズし、ワークフローを改善するための設定を行うことができます。

How To Run Code In Terminal In VS Code

この記事では、VS Code ターミナルでコードを実行する方法について詳しく説明します。

ターミナルでのコードの実行

VS Code ターミナルは、プラットフォームに直接統合されたコマンド ラインです。これを使用すると、コード環境を終了することなく、スクリプトを実行したり、コマンドを実行したり、PC のオペレーティング システムやその他の開発ツールと対話したりすることができます。 VS Code ターミナルでコードを実行するには、次の手順に従います。

  1. VS Code で、作業するファイルを開きます。これが機能するには、プログラミング言語に一致する適切な言語拡張子が必要です。これらは [拡張機能] タブにあります。
    How To Run Code In Terminal In VS Code
  2. キーボードのバッククォート キー (`) を選択します。これにより、統合ターミナルが開きます。��こでの別の方法は、「表示」メニューバーの下にある「ターミナル」を選択することです。ここで、「新しいターミナル」を選択します。
    How To Run Code In Terminal In VS Code
  3. 「cd」コマンドを使用して、コード ファイルが含まれるディレクトリに移動します。たとえば、ファイルが「Document」内にある場合、ここで使用するコマンドは「cd Documents」である必要があります。これにより、フォルダーに移動できるようになります。
    How To Run Code In Terminal In VS Code
  4. 適切なディレクトリが見つかったら、コード ファイルを実行する必要があります。これを行うには、使用している特定のプログラミング言語に応じた適切なコマンドを入力します。
    How To Run Code In Terminal In VS Code
    • JavaScript:node filename.js
    • パイソン:python filename.py
    • C++:g++ filename.cpp -o output && ./output
    • ジャバ:javac filename.java && java filename
    • ルビィ:ruby filename.rb
  5. ファイル名は実際のコード ファイル名に置き換える必要があります。
    How To Run Code In Terminal In VS Code
  6. Enter ボタンを押してコマンドを実行します。これにより、ターミナル内にコードが表示されるはずです。
    How To Run Code In Terminal In VS Code

VS Code の統合ターミナル

Visual Studio Code ターミナルは完全に統合されており、ワークスペースのルートから直接起動します。エラー検出やリンクなどの機能を備えたエディターの統合が提供されます。スタンドアロン端末と同様に、さまざまなコマンドを実行できます。

統合ターミナルを開く方法は次のとおりです。

  1. 上部のツールバーからメニューに移動し、「表示」を選択します。
    How To Run Code In Terminal In VS Code
  2. ドロップダウンメニューから「ターミナル」を選択します。または、「Ctrl+`」(バックティック)を使用してターミナルを起動します。
    How To Run Code In Terminal In VS Code
    • ターミナルが VS Code ウィンドウで開きます。ここにコマンドプロンプトが表示されます。
  3. ドラッグしてターミナル ペインのサイズを調整します。右上隅にある最大化ボタンを使用して全画面表示にすることができます。
    How To Run Code In Terminal In VS Code
  4. 右上のドロップダウン矢印をクリックして、必要なシェルを選択します。このようにして、シェルを切り替えることができます。
    How To Run Code In Terminal In VS Code
  5. 「Ctrl+Shift+P」を押して「コマンドパレット」を開きます。
  6. 「表示: ターミナルの切り替え」コマンドを使用します。
    How To Run Code In Terminal In VS Code
  7. 「統合ターミナルで開く」メニューコマンドはエクスプローラーで使用できます。
    • ターミナル パネルは、キーボードの「Ctrl+`」ショートカットを使用して切り替えることができます。
    • 「Ctrl+Shift+`」キーボード ショートカットは、新しいターミナルの作成に役立ちます。

VS Code のターミナルには、シェル統合と呼ばれる追加機能がいくつかあります。コマンドが実行された場所を追跡します。 Ctrl+shift+C ショートカットを使用すると、外部端末で VS Code を開くことができます。

ターミナルシェル

統合ターミナルではさまざまなシェルを使用できます。これらは多くの場合マシンにインストールされ、デフォルトはシステムのデフォルトから取得されます。シェルが検出されると、端末プロファイルのドロップダウンに表示されます。

端末管理

ターミナル ビューの右側には、ターミナル タブ UI があります。すべての端末には、名前、色、アイコン、およびデータ グループの装飾 (存在する場合) があります。

端末インスタンスを追加するには:

  1. 「ターミナル」パネル(右上)の「+」アイコンを選択します。
    How To Run Code In Terminal In VS Code
  2. ターミナルのドロップダウンに移動し、プロファイルを選択します。
    How To Run Code In Terminal In VS Code
    • または、コマンド Ctrl+Shift+` を押します。このアクションにより、特定の端末に関連付けられた上位リスト内に新しいエントリが作成されます。

インスタンスを削除するには:

  1. タブにカーソルを合わせて「ゴミ箱」オプションを選択します。
    How To Run Code In Terminal In VS Code
  2. タブ項目を選択して「削除」を押します。
    How To Run Code In Terminal In VS Code
    • または、右クリックしてコンテキスト メニューから [ターミナル: アクティブなターミナル インスタンスを強制終了] コマンド オプションを使用します。

次の Ctr+PageDown フォーカスと前の Ctrl+PageUp フォーカスを使用して、異なる端末グループ間を移動することができます。端末の状態が変化すると、端末の右側にアイコンが表示される場合があります。アイコンの上にマウスを置くと、アクションを含むステータス情報が表示されます。

ペインの分割 (グループ)

異なる端末を並べて使用できます。これにより、ペインを細分化し、作業するペインのグループを作成できます。

  1. 右側の端末リストでエントリを見つけて、その上にマウスを置きます。
    How To Run Code In Terminal In VS Code
  2. インライン分割ボタンを選択します。
    How To Run Code In Terminal In VS Code
  3. コンテキストメニューに移動し、右クリックして「分割」メニューを選択します。
    How To Run Code In Terminal In VS Code
  4. 「Alt」を押してから、ターミナルパネル内の「+」または単一のタブをクリックします。
    How To Run Code In Terminal In VS Code
  5. 「Ctrl+Shift+5」コマンドを有効にします。
    How To Run Code In Terminal In VS Code

グループ内の端末間を移動するには、「Alt+左」を押して前のペインにフォーカスするか、「Alt+右」をクリックして次のペインにフォーカスする必要があります。リスト内でタブをドラッグ アンド ドロップすると、基本的にタブが再配置されます。ただし、タブをメイン端子領域にドラッグすると、端子をあるグループから次のグループに正常に移動できます。

「ターミナル: 分割解除」コマンドを使用すると、ターミナルを独自のグループ内で移動します。これを行うには、コンテキスト メニューを右クリックするか、コマンド パレットを使用します。

エディターエリア内の端子

エディター内のターミナルは、「ターミナル: エディター領域に新しいターミナルを作成」​​または「ターミナル: エディター領域の横に新規作成」コマンドを使用して開くことができます。これは、ターミナルをビューからエディタ領域にドラッグするだけでも実現できます。通常、ターミナル エディタは通常のエディタ タブと同じように表示されます。

ターミナル エディタは両側に配置することも、エディタ グループ レイアウト システムを通じて多次元に配置することもできます。 「terminal.integrated.defaultLocation」設定により、デフォルトの「エディタ」または「ビュー」領域の端末の位置が変更されます。

コンテンツ内を移動する

バッファとはターミナルのコンテンツを指し、「スクロールバック」または一番下のビューポイントの上にあるセクションです。 「terminal.integrated.scrollback」設定により、保持されるスクロールバックの量が決まります。デフォルトは 1000 行です。

バッファー内を移動するには、次のようなさまざまなコマンドを実行します。

  • Ctrl+Alt+PageUp: 1 行上にスクロールします
  • Ctrl+Alt+PageDown: 下にスクロールします
  • Shift+PageUp: ページを上にスクロールします
  • Shift+PageDown: ページを下にスクロールします
  • Ctrl+Home: 一番上までスクロールします
  • Ctrl+End: 一番下までスクロールします

コマンドナビゲーションの場合:

  • Ctrl+Up: 前のコマンドまでスクロールします
  • Ctrl+Down: 次のコマンドまでスクロールします

通常、スクロールは同時に行われます。ただし、「ターミナル」を使用して設定できます。 「integrated.smoothscrolling」オプションを使用すると、短時間でアニメーション化できます。

よくある質問

VS ターミナルの起動に問題がある場合はどうすればよいですか?

ターミナルの起動に問題がある場合は、トラブルシューティング ガイドにアクセスして、さらなるガイダンスを入手してください。

管理端末を作成することは可能ですか?

通常、統合シェルは VS Code 権限で実行されます。管理者またはその他の権限でシェルを実行することが目的の場合は、ターミナルで「runas.exe」およびその他のユーティリティを利用します。

VS Code ターミナルを使用してワークフローを合理化する

VS Code ターミナル内でコードを実行すると、エディターを離れる必要がないため、効率的で便利です。すべての開発タスクが合理化され、コードの実行とコーディング自体を切り替えることができます。結局のところ、生産性が向上し、コードの実行とデバッグに集中できるようになります。

VS Code ターミナル内でコードを実行してみましたか?あなたの経験は何でしたか?以下のコメントセクションでお知らせください。

Sign up and earn $1000 a day ⋙

スナップマップ上の位置を変更する方法

スナップマップ上の位置を変更する方法

Snapchat は、グループが閲覧するとすぐに消える革新的なコンテンツ共有機能でおそらく最もよく知られています。今、開発者は

誰かがメッセンジャーであなたをブロックしたかどうかを確認する方法

誰かがメッセンジャーであなたをブロックしたかどうかを確認する方法

メッセンジャーで誰かに連絡しようとして失敗した場合、考えられる理由の 1 つはブロックされているということです。その認識は楽しいものではありませんが、

大人または子供向けに PS5 でのプレイ時間を確認する方法

大人または子供向けに PS5 でのプレイ時間を確認する方法

最近では、多くのビデオ ゲーム機が、所有するすべてのゲームのプレイ時間を記録します。最新世代のコンソールの一部として、

Minecraft でインターネット例外 Java.Net.SocketException 接続のリセットを修正する方法

Minecraft でインターネット例外 Java.Net.SocketException 接続のリセットを修正する方法

Minecraft のプレイ中に java.net.socketexeption 接続エラーが発生したことがありますか?もしそうなら、それはあなただけではありません。ユーザーがこれを報告しています

Amazon Echo、サンディエゴ全土でドールハウスの注文を試みる

Amazon Echo、サンディエゴ全土でドールハウスの注文を試みる

一般に、音声コマンドを聞くデバイスはそれほど問題を引き起こしません。それらを起動するために使用されるフレーズ – 「OK Google」、「Alexa」、「Siri」など

Instagramでストーリーを誰からも非表示にする方法

Instagramでストーリーを誰からも非表示にする方法

ほとんどのユーザーは、日々の活動や人生の重要な瞬間を共有するために Instagram ストーリーを投稿します。ただし、ストーリーを投稿する前に、次のことを行うことをお勧めします。

Discordにサウンドボードを追加する方法

Discordにサウンドボードを追加する方法

Soundboard は、Discord などのアプリケーションがクールなサウンド効果を作成するのを支援するコンピューター プログラムです。さまざまなサウンドをアップロードすることもできます。

Microsoft Teamsが機能しない問題を修正する方法

Microsoft Teamsが機能しない問題を修正する方法

Microsoft Teams は、Skype や Slack を超えて最も人気のある仕事用コミュニケーション ツールになりました。しかし、うまくいかない場合は役に立ちません。もし

Robloxでエラーコード267を修正する方法

Robloxでエラーコード267を修正する方法

熱心な Roblox ゲーマーであれば、プラットフォーム上で時折エラーが発生したことがあるかもしれません。それでも、エラー コード 267 は、最も重要なエラー コードとしてランク付けされる可能性があります。

Google フォームのキーボード ショートカット

Google フォームのキーボード ショートカット

Google フォームは、データ収集に役立つフォームを生成するために使用される Web ベースのアプリケーションです。登録フォームを作成する簡単な方法です。

OBS に最近のフォロワーを追加する方法

OBS に最近のフォロワーを追加する方法

ストリーム中に、ストリーマーの最近のフォロワー、寄付者、または購読者の名前がポップアップ表示されることに気付いたかも���れません。これはストリーマーの素晴らしい機能です

CapCut でオーバーレイを使用する方法

CapCut でオーバーレイを使用する方法

できるだけ多くの視聴者の注目を集めたい場合は、利用可能なすべての CapCut ツールを使用する必要があります。オーバーレイはビデオ作成に役立ちます

Telegramのストーリーを無効にする方法

Telegramのストーリーを無効にする方法

Telegram でストーリーを表示することは、知っている人からのストーリーであれば素晴らしい機能ですが、見知らぬ人からのストーリーを見るのは歓迎されなかったり、無関係だったりする可能性があります。

「ザ・シムズ 4」で傘を入手する方法

「ザ・シムズ 4」で傘を入手する方法

「ザ・シムズ 4」のシーズン拡張パックでは、シムの日常生活に影響を与える新しいゲームプレイ要素である天気と気温が導入されました。今あなたのシム

電話番号なしで Gmail を使用する方法

電話番号なしで Gmail を使用する方法

Steve Larner によって 2022 年 11 月 14 日に更新され、電話番号なしで Gmail を作成する現在の Android/iOS プロセスが反映されました。新しく作成したい場合は、

Word 文書を JPG または GIF 画像に変換する方法

Word 文書を JPG または GIF 画像に変換する方法

Microsoft Word ドキュメントは他のワード プロセッサと互換性がありますが、JPG または GIF 画像として保存する必要がある場合があります。エクスポートできない間は、

Spotify プレイリストを共有する方法

Spotify プレイリストを共有する方法

Spotify を使用すると、プレイリストを家族や友人と簡単に共有できるようになりました。アプリ内に [共有] ボタンがあります。また、次のようなオプションもあります

WhatsApp vs.信号

WhatsApp vs.信号

非常に多くのメッセージング アプリが利用できるため、アプリを選択する際にはどのオプションが最も重要かを評価することが重要です。人気のおかげで

荷物内でのエアタグの禁止 – 最新情報

荷物内でのエアタグの禁止 – 最新情報

よく旅行する人なら、荷物を紛失するという不幸に見舞われたことがあるかもしれません。 Apple AirTags を入力します。彼らはあなたの場所を正確に特定することができます

メッセンジャーが開かないときに修正する方法

メッセンジャーが開かないときに修正する方法

すべてのアプリと同様に、メッセンジャーも時々クラッシュしたり、サインインを拒否したり、メッセージをまったく送信できなくなったりすることがあります。幸いなことに、通常は