序章

Visual Studio Code は、主にMicrosoftによって開発された、無料のオープンソースのクロスプラットフォームテキストエディターです。 JavaScriptやCSSなどのWebテクノロジーを使用しており、コミュニティで作成されたプラグインの大規模なエコシステムを促進して、その機能をさまざまなプログラミング言語や機能に拡張しています。

このチュートリアルでは、Visual Studio Codeコマンドラインインターフェイスをインストールし、それを使用してファイルとディレクトリを開き、ファイル間の変更を比較し、拡張機能をインストールする方法を学習します。

前提条件

このチュートリアルを完了するには、VisualStudioCodeをインストールする必要があります。 プラットフォームにCodeをインストールする方法については、 VisualStudioCodeの公式セットアップのドキュメントを参照してください。

VisualStudioCodeコマンドラインインターフェイスのインストール

使用する前に、VisualStudioCodeコマンドラインインターフェイスをインストールする必要がある場合があります。 これを行うには、最初に通常のVisualStudioCodeグラフィカルインターフェイスを起動します。 初めてアプリを開く場合、デフォルトの画面の左側にアイコンバーがあり、デフォルトのウェルカムタブがあります。

Visual Studio Codeには、コマンドラインインターフェイスをインストールするための組み込みコマンドが用意されています。 次のように入力して、コードのコマンドパレットを表示します Command+Shift+P Macの場合、または Control+Shift+P WindowsおよびLinuxの場合:

これにより、コードウィンドウの上部近くにプロンプトが開きます。 タイプ shell command プロンプトに。 正しいコマンドにオートコンプリートする必要があります。 Shell Command: Install 'code' command in PATH:

プレス ENTER 強調表示されたコマンドを実行します。 インストールプロセスを完了するために、管理者の資格情報を入力するように求められる場合があります。

あなたは今持っています code コマンドラインコマンドがインストールされています。

を実行して、インストールが成功したことを確認します code とともに --version 国旗:

  1. code --version
Output
1.62.1 f4af3cbf5a99787542e2a30fe1fd37cd644cc31f x64

出力にバージョン文字列が含まれている場合は、VisualStudioCodeコマンドラインインターフェイスが正常にインストールされています。 次のいくつかのセクションでは、それを使用するいくつかの方法を示します。

でファイルを開く code 指示

の実行 code 1つ以上のファイル名を指定してコマンドを実行すると、Visual StudioCodeGUIでそれらのファイルが開きます。

  1. code file1

これにより、 file1 コード内のファイル。

  1. code *.md

これにより、すべてのマークダウンが開きます(.md)コードの現在のディレクトリにあるファイル。

デフォルトでは、ファイルは既存のコードウィンドウが利用可能な場合はそれで開かれます。 使用 --new-window VisualStudioCodeに指定されたファイルの新しいウィンドウを開くように強制するフラグ。

でディレクトリを開く code 指示

使用 code コマンドの後に1つ以上のディレクトリ名を入力して、新しいVisualStudioCodeウィンドウでディレクトリを開きます。

  1. code directory1 directory2

コードは、ディレクトリの新しいウィンドウを開きます。 使用 --reuse-window 代わりに既存の最前面のウィンドウを再利用するようにコードに指示するフラグ。

開く .code-workspace ワークスペースファイルと code 指示

でワークスペースファイルを開く code コマンドは、ディレクトリを開くのと同じように機能します。

  1. code example.code-workspace

これにより、 example 新しいウィンドウのワークスペース。ただし、既存のウィンドウを追加して再利用する場合を除きます。 --reuse-window 国旗。

を使用した拡張機能のインストール code 指示

Visual Studio Code拡張機能は、 code コマンドラインツールも同様です。 そのためには、まず拡張機能の一意の識別子を知る必要があります。 この情報を見つけるには、最初にVisualStudioMarketplaceの拡張機能のページに移動します。

たとえば、JupyterNotebook拡張機能のページは次のとおりです。

https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter

に注意してください itemName アドレスのパラメータ。 このパラメータの値、 ms-toolsai.jupyter、はこの拡張機能の一意の識別子です。

この情報は、詳細情報セクションの右側の列の下部にあるマーケットプレイスページ自体にもあります。

この一意のIDを取得したら、次のコマンドで使用できます。 code --install-extension 拡張機能をインストールするには:

  1. code --install-extension ms-toolsai.jupyter
Output
Installing extension 'ms-toolsai.jupyter'... Extension 'ms-toolsai.jupyter' v2021.11.1001489384 was successfully installed.

と同じIDを使用します --uninstall-extension 拡張機能をアンインストールするためのフラグ。

を使用して2つのファイルの違いを表示する code 指示

2つのファイル間の追加、削除、および変更を強調表示する標準の分割画面 diff を表示するには、 --diff 国旗:

  1. code --diff file1 file2

ファイルを開くのと同様に、これはデフォルトで最前面のウィンドウが存在する場合はそれを再利用します。 新しいウィンドウを強制的に開くには、 --new-window 国旗。

配管 stdin を使用してVisualStudioCodeに code 指示

ほとんどのコマンドラインシェルの重要な機能は、あるコマンドの出力を次のコマンドの入力にパイプ(または送信)する機能です。 次のコマンドラインで、 | を接続するパイプ文字 ls ~ にコマンド code -:

  1. ls ~ | code -

これにより、 ls のコマンド ~ ディレクトリ。現在のユーザーのホームディレクトリへのショートカットです。 からの出力 ls ホームディレクトリ内のファイルとディレクトリのリストになります。 これはに送信されます code コマンド、ここでシングル - ファイルではなく、パイプされたテキストを読み取る必要があることを示します。

code 入力を保持するために作成した一時ファイルに関する情報を出力します。

Output
Reading from stdin via: /var/folders/dw/ncv0fr3x0xg7tg0c_cvfynvh0000gn/T/code-stdin-jfa

次に、このファイルがコードGUIインターフェイスで開きます。

このコマンドは、入力が増えるまで無期限に待機し続けます。 プレス CTRL+C 持つため code 聞くのをやめて、あなたを自分の殻に戻してください。

追加します --new-window コードに入力用の新しいウィンドウを開くように強制するフラグ。

結論

このチュートリアルでは、VisualStudioCodeをインストールしました code コマンドラインツールを使用して、ファイルとディレクトリを開き、ファイルを比較し、拡張機能をインストールしました。

詳細については、 code コマンド、あなたはそのを実行することができます --help 関数:

  1. code --help

を参照することもできます VisualStudioCodeの公式コマンドラインドキュメントまたは私たちを見てください VSCodeタグページ Visual Studio Codeのチュートリアル、テクニカルトーク、Q&Aの詳細については。