目次
コード実践関数
最新のセッションを開く
特定のプロジェクトを開く
ファイルの行にジャンプします
コードのインストール
ホームページ 開発ツール VSCode VSCode CLI ツールを簡単に分析すると、非常に便利であることがわかりました。

VSCode CLI ツールを簡単に分析すると、非常に便利であることがわかりました。

Sep 08, 2022 pm 08:34 PM
vscode

VSCode CLI ツールを簡単に分析すると、非常に便利であることがわかりました。

vscode CLI ツールといえば、日常業務では必要ないため馴染みがないかもしれません。しかし、その機能の一部は非常に実用的であり、私の最近の技術的アイデアのいくつかはそれを使用して実現できるため、この記事では VSCode CLI の実用的な機能について説明します。 [推奨学習:「vscode 入門チュートリアル 」]

VSCode CLI のシェル コマンドは code と呼ばれ、code は後で使用します。 VSCode CLI ツールを参照します。

コード実践関数

最新のセッションを開く

コードオプションやパラメータの実行なしVSCode の最新のセッションが開きます。たとえば、最近 projectA を開いた場合、projectA が他のウィンドウで覆われているか、VSCode を終了したかに関係なく、次のコマンドで projectA をすぐに開くことができます。

$ code
ログイン後にコピー

シェルを使用している場合、このコマンドは、VSCode をすばやく開いたり、編集したばかりのファイルを見つけたりするのに役立ちます。

特定のプロジェクトを開く

ここで、通常、VSCode を使用してプロジェクトを開く方法についてお聞きしたいのですが、次の手順に従っていますか?

  • VSCode アイコンをクリックします。

  • メニュー バーの「ファイル」をクリックします。

  • 「開く」をクリックします。

  • Mac の Finder で見つけて開きます

私はそうではありません。シェルの使用には慣れており、コマンド ラインだと思います。操作は Finder で検索するよりも高速です。

code . コマンドは私がよく使うもので、VSCode の現在のディレクトリにあるプロジェクトをすぐに開くことができます。

すべてのプロジェクトは固定ディレクトリに配置されているため、最初に cd でプロジェクト ディレクトリに移動し、その後 code . を実行するだけです。

もちろん、code <folder> を使用してプロジェクトを開くこともでき、効果は同じです。

ファイルの行にジャンプします

##code -g ::コマンドは次のことができます。 be fast ファイルの特定の行の特定の文字にジャンプします。たとえば、次のコマンドは index.ts ファイルを開き、文字 index が 8 になる前の 18 行目にカーソルを置きます。

$ code -g /project-path/src/index.ts:18:8
ログイン後にコピー

react-dev-inspectorvue-devtools などの一部の現在の開発ツールでは、開発者は DOM 要素をクリックして開き、VSCode 内でそれらの要素を検索できます。対応するソースコードの場所。原則として、開発サーバーの実行中にソース コードの位置情報を取得し、それを DOM 要素に挿入します。その後、開発者が DOM をクリックすると、位置情報が開発サーバーに送信され、開発サーバーは次の呼び出しを行います。 code ソース コードにジャンプする機能。

ファイル比較

2 つのファイルを簡単に比較したい場合は、次のコマンドを使用できます:

$ code -d file-path-a file-path-b
ログイン後にコピー
このペアは VSCode の使用に慣れていますファイルの違いを比較するため、競合を解決する学生にとってはより役立つかもしれません。

プラグイン操作

これは私が最近発見したお気に入りの機能で、次の点が含まれます:

  • code --list -extensions --show-versions: インストールされているすべてのプラグインを .@;
  • コードの形式で一覧表示します。 --install-extension : プラグインをインストールするには、--force オプションを追加して、ポップアップ プロンプトが表示されないようにすることができます。 code --uninstall-extension <ext>: プラグインをアンインストールします。
  • フロントエンド エンジニアリングの足場を開発するように頼まれたら、どうしますか?
  • 市場のほとんどのスキャフォールディングを模倣し、もちろん editorConfig、eslint、prettier などのコード形式に関連する構成をユーザーに提供します。しかし、これらを完了しても、足場は 90 点しか獲得できません。実際、eslint を有効にするには、ユーザーは対応する VSCode プラグインをインストールし、
settings.json

を構成する必要があります。

settings.json 幸いなことに、

.vscode

ディレクトリに settings.json を作成して、チーム メンバー間で構成を共有し、ローカル構成を上書きできます。により、チーム メンバーが手動構成の手間を省き、一貫性のない開発構成の問題を回避できます。 VSCode プラグインに関しては、一般的に、ユーザーが自分でインストールできるようにするか、デフォルトですでにインストールされています。しかし、フロントエンドの初心者や新しい同僚にとって、これは間違いなく苦痛であり、優れたスキャフォールディング開発者にとっても耐え難いものです。このとき、上記のコマンドが機能します。

--list-extensions

ユーザーがプラグインをインストールしているかどうかを確認し、インストールされていない場合は、

--install-extension

を使用してインストールします。 <p>プラグインと <code>.vscode を操作するための上記のコマンドの助けを借りて、スキャフォールディングはユーザーがまったく意味を持たずに開発環境を構成するのに役立ち、すべてのユーザーが確実に開発環境を構成できるようにすることができると考えられます。はい、いつか新しい同僚がやって来て、彼の eslint が有効になっていないと言うかもしれない、という心配はありません。

注: プラグインの操作に関連するコマンドは少し強力なので、注意して使用してください。

コードのインストール

一部の学生は、コードを効果的にするには、手動でコード# #をインストールしてはいけないと言うかもしれません。 #コマンドはグローバル環境変数 PATH にインストールされていますか?

これは Mac では次のようになりますが、パス

/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code を通じて code を直接呼び出すこともできます。

Windows および Linux システムの場合、VSCode がインストールされると

codePATH に自動的に追加され、code を直接呼び出すことができます。

したがって、スキャフォールディングをカプセル化して、ユーザーが環境変数を手動で追加できないようにすることができます。

まとめ

この記事では、VSCode CLI の実用性が高いと思われる一部の機能のみを紹介しており、言語の切り替えやパフォーマンス監視などのその他の機能は紹介しておりません。記事末尾のインフォメーションのリンクから公式サイトに飛んでご覧いただけます。

最近、私は他のノード プロジェクトを直接呼び出すための基本機能のセットを提供したいと考えて、

code 関連コマンドを単純にカプセル化しています。プロジェクトのアドレスは github.com です。 /avennn/vsc -…、どなたでもご利用、PRしていただけます。良いと思ったら星を付けていただけると嬉しいです。

VSCode の詳細については、

vscode チュートリアル をご覧ください。

以上がVSCode CLI ツールを簡単に分析すると、非常に便利であることがわかりました。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

vscodeのヘッダーファイルを定義する方法 vscodeのヘッダーファイルを定義する方法 Apr 15, 2025 pm 09:09 PM

ビジュアルスタジオコードを使用してヘッダーファイルを定義する方法は?ヘッダーファイルを作成し、.hまたは.hpp接尾辞名(クラス、関数、変数など)を使用してヘッダーファイルにシンボルを宣言し、#includeディレクティブを使用してプログラムをコンパイルして、ソースファイルにヘッダーファイルを含めます。ヘッダーファイルが含まれ、宣言された記号が利用可能になります。

VSCODEに必要なコンピューター構成 VSCODEに必要なコンピューター構成 Apr 15, 2025 pm 09:48 PM

VSコードシステムの要件:オペレーティングシステム:オペレーティングシステム:Windows 10以降、MACOS 10.12以上、Linux Distributionプロセッサ:最小1.6 GHz、推奨2.0 GHz以上のメモリ:最小512 MB、推奨4 GB以上のストレージスペース:最低250 MB以上:その他の要件を推奨:安定ネットワーク接続、XORG/WAYLAND(Linux)

vscode端子使用チュートリアル vscode端子使用チュートリアル Apr 15, 2025 pm 10:09 PM

VSCODEビルトインターミナルは、エディター内でコマンドとスクリプトを実行して開発プロセスを簡素化できるようにする開発ツールです。 VSCODE端子の使用方法:ショートカットキー(CTRL/CMD)で端子を開きます。コマンドを入力するか、スクリプトを実行します。 Hotkeys(Ctrl Lなどの端子をクリアするなど)を使用します。作業ディレクトリ(CDコマンドなど)を変更します。高度な機能には、デバッグモード、自動コードスニペット完了、およびインタラクティブコマンド履歴が含まれます。

vscode中国の注釈が疑問符になるという問題を解決する方法 vscode中国の注釈が疑問符になるという問題を解決する方法 Apr 15, 2025 pm 11:36 PM

Visual Studioコードで中国のコメントが疑問符になるという問題を解決する方法:ファイルのエンコーディングを確認し、「BOMなしでUTF-8」であることを確認します。フォントを「歌のスタイル」や「Microsoft Yahei」などの漢字をサポートするフォントに変更します。フォントを再インストールします。 Unicodeサポートを有効にします。 VSCODEをアップグレードし、コンピューターを再起動し、ソースファイルを再作成します。

vscodeでコードを書く場所 vscodeでコードを書く場所 Apr 15, 2025 pm 09:54 PM

Visual Studioコード(VSCODE)でコードを作成するのはシンプルで使いやすいです。 VSCODEをインストールし、プロジェクトの作成、言語の選択、ファイルの作成、コードの書き込み、保存して実行します。 VSCODEの利点には、クロスプラットフォーム、フリーおよびオープンソース、強力な機能、リッチエクステンション、軽量で高速が含まれます。

VSCODE端子の共通コマンド VSCODE端子の共通コマンド Apr 15, 2025 pm 10:06 PM

VSコード端子の一般的なコマンドには、端子画面のクリア(クリア)、現在のディレクトリファイル(LS)のリスト、現在のワーキングディレクトリ(CD)、現在のワーキングディレクトリパス(PWD)の印刷、新しいディレクトリ(MKDIR)の作成、空のディレクトリ(RMDIR)の削除、新しいファイルの作成(RM)の削除(RM)、COPのコピー(RM)、 (MV)ファイルコンテンツの表示(CAT)ファイルコンテンツを表示してスクロール(より少ない)ファイルコンテンツを表示するだけです(その他)ファイルの最初の数行(ヘッド)を表示する

VSCODE端子コマンドは使用できません VSCODE端子コマンドは使用できません Apr 15, 2025 pm 10:03 PM

VSコード端末コマンドの原因とソリューションは使用できません:必要なツールはインストールされていません(Windows:WSL; MACOS:XCODE LINEツール)パス構成が間違っています(パス環境変数に実行可能ファイルを追加)許可問題(管理者としてのコードの実行)ファイアウォールまたはプロキシ制限制限(チェック設定、無制限) (再インストールまたは更新)端子構成は互換性がありません(異なる端子タイプまたはコマンドを試してください)特定の環境変数が欠落しています(必要な環境変数を設定します)

vscodeの使用方法 vscodeの使用方法 Apr 15, 2025 pm 11:21 PM

Visual Studio Code(VSCODE)は、Microsoftが開発したクロスプラットフォーム、オープンソース、および無料のコードエディターです。軽量、スケーラビリティ、および幅広いプログラミング言語のサポートで知られています。 VSCODEをインストールするには、公式Webサイトにアクセスして、インストーラーをダウンロードして実行してください。 VSCODEを使用する場合、新しいプロジェクトを作成し、コードを編集し、コードをデバッグし、プロジェクトをナビゲートし、VSCODEを展開し、設定を管理できます。 VSCODEは、Windows、MacOS、Linuxで利用でき、複数のプログラミング言語をサポートし、マーケットプレイスを通じてさまざまな拡張機能を提供します。その利点には、軽量、スケーラビリティ、広範な言語サポート、豊富な機能とバージョンが含まれます

See all articles