Visual Studio Codeの統合ターミナルの使い方

編集済み 3 数週間前 によって ExtremeHow 編集チーム

ビジュアルスタジオコード統合ターミナルコマンドライン使用ツール生産性ワークフロー設定ショートカットコマンドターミナルインターフェースセットアップデバッグ統合スクリプト開発プログラミングシェル環境

Visual Studio Code、一般的にVS Codeと略される、はMicrosoftによって開発された強力なソースコードエディタです。世界中の開発者によってさまざまなプログラミングタスクに広く使用されています。その注目すべき機能の1つが統合ターミナルであり、エディタインターフェースを離れることなくプロジェクト作業を行うことができます。この機能を活用することで、ワークフローが大幅に向上する可能性があります。この包括的なガイドでは、Visual Studio Codeで統合ターミナルを利用する方法を詳しく説明します。

統合ターミナルとは？

Visual Studio Codeの統合ターミナルは、エディタ内からコマンドラインアプリケーションを実行することを可能にします。別のターミナルウィンドウを使用するのとは異なり、統合ターミナルは複数の開かれたターミナル間を切り替えることができ、ワークスペースと積極的に同期します。つまり、例えばあるターミナルでビルドコマンドを実行しながら別のターミナルでファイルコードを編集することができ、全て同じウィンドウ内で行うことができます。

統合ターミナルのインストール

統合ターミナルを使用するには、Visual Studio Code内で立ち上げる必要があります。以下の簡単な手順に従ってください：

1. Visual Studio Codeを開く。
2. 上部のメニューバーに移動する。
3. 表示をクリックする。
4. ドロップダウンリストからターミナルを選択する。

あるいは、Windows/Linuxのショートカットキー Ctrl + ` または macOSの Cmd + ` を押して使用できます。

統合ターミナルでの操作

ターミナルを開くと、VS Codeウィンドウの下部に表示されます。以下はその操作方法です：

基本操作

• 新しいターミナルを開くには、ターミナルパネルのプラスアイコン(+)をクリックするか、ショートカット Ctrl + Shift + ` を使用します。
• ターミナルを閉じるには、ごみ箱アイコンを使用するか、exitと入力し、Enterを押します。
• 同時に複数のセッションを可能にするためにターミナルを分割するには、分割ターミナルアイコンをクリックします。
• ターミナルパネルのドロップダウンメニューを使用して、開いているターミナル間を切り替えることができます。

統合ターミナルのカスタマイズ

VS Codeは統合ターミナルをカスタマイズする機能を提供します。設定を変更することで外観と動作を変えることができます：

シェルの変更

お好みに応じて、コマンドプロンプト、PowerShell、Git Bash、または他のオプションとしてターミナルシェルを変更することができます：

    "terminal.integrated.defaultProfile.windows": "PowerShell", "terminal.integrated.defaultProfile.linux": "bash", "terminal.integrated.defaultProfile.osx": "zsh"

設定ファイル settings.json を編集するには、ファイル > 環境設定 > 設定 または Ctrl + , を押して、ターミナルセクションを探し、デフォルトシェルを変更します。

フォーマットの変更

統合ターミナルの外観を決定するために、これらの設定を変更します：

    "terminal.integrated.fontSize": 14, "terminal.integrated.fontFamily": "Courier New", "terminal.integrated.cursorBlinking": true

これらの設定は、ターミナル内のテキストカーソルのフォントサイズ、フォントファミリー、ブリンク動作を変更します。

ターミナルプロファイル

Visual Studio Codeはターミナルプロファイルをサポートしており、さまざまな設定やシェル環境を作成および管理できます：

    "terminal.integrated.profiles.windows": { "PowerShell": { "path": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe" }, "Git Bash": { "source": "Git Bash" } }

ターミナルプロファイルを設定することで、コマンドパレット（Ctrl + Shift + P）を使用して、「デフォルトプロファイルの選択」と入力することで、異なる環境間を素早く切り替えることができます。

コマンドとスクリプトの実行

統合ターミナルは、開発プロセスで一般的に使用される任意のターミナルコマンドを実行するのに適しています：

• ビルドコマンド：ソースコードをコンパイルする。
• バージョン管理コマンド：Gitを使用してプロジェクトリポジトリを管理する。
• パッケージ管理コマンド：npm、pip、または他のパッケージマネージャーを使用する。
• テストの実行：テストスイートを実行する。
• カスタムスクリプト：プロジェクトの設定ファイルに定義されたスクリプトを実行する。

コマンドを実行するには、ターミナルに入力してEnterを押します。

統合ターミナルの一般的な使用例

統合ターミナルが生産性を向上させる一般的なシナリオを見てみましょう：

シナリオ1: Gitを使った作業

ほとんどの開発者はバージョン管理にGitを使用します。統合ターミナルを使ってシームレスにGitコマンドを統合できます：

    git status git add . git commit -m "Commit message" git push origin main

エディタ内のターミナルがあることで、ファイルへの編集を閲覧しながら、コンテキストスイッチングすることなくバージョン管理を行うことができます。

シナリオ2: パッケージ管理

Node.js、Python、または他の言語を使用する場合、依存関係を管理することが多いです。ターミナルを使ってこれを行います：

    npm install package-name pip install package-name

統合ターミナルでこれらのコマンドを実行すると、即座にフィードバックが得られ、必要に応じてデバッガーツールにもアクセスできます。

シナリオ3: ローカルサーバーの実行

開発者は開発目的でローカルサーバーが必要なことがよくあります：

    python -m http.server npm start

出力はターミナルに直接表示されるため、サーバーログの概要を確認し、VS Codeを離れることなく調整できます。

トラブルシューティングのヒント

統合ターミナルの使用に関して問題がある場合、以下の提案を検討してください：

• ターミナルが表示されない：最小化されていないことを確認します。矢印をクリックして展開します。
• 出力がない：プロジェクトに適したシェルセッションで入力していることを確認します。
• ターミナル設定：settings.json でターミナルの構成、特にシェルパスを確認します。

より具体的なターミナルエラーについては、ターミナル自体に表示されるエラーコードおよび説明を参照するか、Visual Studio Codeコミュニティフォーラムを検索してください。

結論

Visual Studio Codeの統合ターミナルは、編集とコマンドラインのワークフローをシームレスに統合する多機能な

  この記事をシェアする

記事の内容に誤りがある場合, あなたは 更新をリクエストできます