VisualStudioCode(VSCode)コマンドラインインターフェイスをインストールして使用する方法
序章
Visual Studio Code は、主にMicrosoftによって開発された、無料のオープンソースのクロスプラットフォームテキストエディターです。 JavaScriptやCSSなどのWebテクノロジーを使用しており、コミュニティで作成されたプラグインの大規模なエコシステムを促進して、その機能をさまざまなプログラミング言語や機能に拡張しています。
このチュートリアルでは、Visual Studio Codeコマンドラインインターフェイスをインストールし、それを使用してファイルとディレクトリを開き、ファイル間の変更を比較し、拡張機能をインストールする方法を学習します。
前提条件
このチュートリアルを完了するには、VisualStudioCodeをインストールする必要があります。 プラットフォームにCodeをインストールする方法については、 VisualStudioCodeの公式セットアップのドキュメントを参照してください。
VisualStudioCodeコマンドラインインターフェイスのインストール
使用する前に、VisualStudioCodeコマンドラインインターフェイスをインストールする必要がある場合があります。 これを行うには、最初に通常のVisualStudioCodeグラフィカルインターフェイスを起動します。 初めてアプリを開く場合、デフォルトの画面の左側にアイコンバーがあり、デフォルトのウェルカムタブがあります。
Visual Studio Codeには、コマンドラインインターフェイスをインストールするための組み込みコマンドが用意されています。 MacではCommand+Shift+P
と入力し、WindowsとLinuxではControl+Shift+P
と入力して、コードのコマンドパレットを表示します。
これにより、コードウィンドウの上部近くにプロンプトが開きます。 プロンプトにshell command
と入力します。 Shell Command: Install 'code' command in PATH
を読み取る正しいコマンドにオートコンプリートする必要があります。
ENTER
を押して、強調表示されたコマンドを実行します。 インストールプロセスを完了するために、管理者の資格情報を入力するように求められる場合があります。
これで、code
コマンドラインコマンドがインストールされました。
--version
フラグを指定してcode
を実行し、インストールが成功したことを確認します。
code --version
Output1.62.1 f4af3cbf5a99787542e2a30fe1fd37cd644cc31f x64
出力にバージョン文字列が含まれている場合は、VisualStudioCodeコマンドラインインターフェイスが正常にインストールされています。 次のいくつかのセクションでは、それを使用するいくつかの方法を示します。
code
コマンドでファイルを開く
code
コマンドを1つ以上のファイル名で実行すると、Visual StudioCodeGUIでそれらのファイルが開きます。
code file1
これにより、コードでfile1
ファイルが開きます。
code *.md
これにより、Codeの現在のディレクトリにあるすべてのマークダウン(.md
)ファイルが開きます。
デフォルトでは、ファイルは既存のコードウィンドウが利用可能な場合はそれで開かれます。 --new-window
フラグを使用して、VisualStudioCodeに指定されたファイルの新しいウィンドウを強制的に開きます。
code
コマンドでディレクトリを開く
code
コマンドに続けて1つ以上のディレクトリ名を使用して、新しいVisualStudioCodeウィンドウでディレクトリを開きます。
code directory1 directory2
コードは、ディレクトリの新しいウィンドウを開きます。 --reuse-window
フラグを使用して、代わりに既存の最前面のウィンドウを再利用するようにコードに指示します。
code
コマンドで.code-workspace
ワークスペースファイルを開く
code
コマンドを使用してワークスペースファイルを開くと、ディレクトリを開くのと同じように機能します。
code example.code-workspace
これにより、--reuse-window
フラグを追加して既存のウィンドウを再利用しない限り、example
ワークスペースが新しいウィンドウで開きます。
code
コマンドを使用した拡張機能のインストール
code
コマンドラインツールを使用してVisualStudioCode拡張機能をインストールすることもできます。 そのためには、まず拡張機能の一意の識別子を知る必要があります。 この情報を見つけるには、最初にVisualStudioMarketplaceの拡張機能のページに移動します。
たとえば、JupyterNotebook拡張機能のページは次のとおりです。
https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter
アドレスのitemName
パラメータに注意してください。 このパラメータの値ms-toolsai.jupyter
は、この拡張機能の一意の識別子です。
この情報は、詳細情報セクションの右側の列の下部にあるマーケットプレイスページ自体にもあります。
この一意のIDを取得したら、それをcode --install-extension
とともに使用して、拡張機能をインストールできます。
code --install-extension ms-toolsai.jupyter
OutputInstalling extension 'ms-toolsai.jupyter'... Extension 'ms-toolsai.jupyter' v2021.11.1001489384 was successfully installed.
--uninstall-extension
フラグと同じIDを使用して、拡張機能をアンインストールします。
code
コマンドを使用した2つのファイルの違いの表示
2つのファイル間の追加、削除、および変更を強調表示する標準の分割画面 diff を表示するには、--diff
フラグを使用します。
code --diff file1 file2
ファイルを開くのと同様に、これはデフォルトで最前面のウィンドウが存在する場合はそれを再利用します。 新しいウィンドウを強制的に開くには、--new-window
フラグを使用します。
code
コマンドを使用してstdin
をVisualStudioCodeにパイプする
ほとんどのコマンドラインシェルの重要な機能は、あるコマンドの出力を次のコマンドの入力にパイプ(または送信)する機能です。 次のコマンドラインで、ls ~
コマンドをcode -
に接続する|
パイプ文字に注意してください。
ls ~ | code -
これにより、現在のユーザーのホームディレクトリのショートカットである~
ディレクトリに対してls
コマンドが実行されます。 ls
からの出力は、ホームディレクトリ内のファイルとディレクトリのリストになります。 これはcode
コマンドに送信されます。ここで、単一の-
は、ファイルではなくテキストでパイプされたものを読み取る必要があることを示します。
code
は、入力を保持するために作成した一時ファイルに関する情報を出力します。
OutputReading from stdin via: /var/folders/dw/ncv0fr3x0xg7tg0c_cvfynvh0000gn/T/code-stdin-jfa
次に、このファイルがコードGUIインターフェイスで開きます。
このコマンドは、入力が増えるまで無期限に待機し続けます。 CTRL+C
を押して、code
のリスニングを停止し、シェルに戻ります。
--new-window
フラグを追加して、Codeに入力用の新しいウィンドウを強制的に開かせます。
結論
このチュートリアルでは、Visual StudioCodeのcode
コマンドラインツールをインストールし、それを使用してファイルとディレクトリを開き、ファイルを比較し、拡張機能をインストールしました。
code
コマンドの詳細については、その--help
関数を実行できます。
code --help
を参照することもできます VisualStudioCodeの公式コマンドラインドキュメントまたは私たちを見てください VSCodeタグページ Visual Studio Codeのチュートリアル、テクニカルトーク、Q&Aの詳細については。