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-inspector や vue-devtools などの一部の現在の開発ツールでは、開発者は DOM 要素をクリックして開き、VSCode 内でそれらの要素を検索できます。対応するソースコードの場所。原則として、開発サーバーの実行中にソース コードの位置情報を取得し、それを DOM 要素に挿入します。その後、開発者が DOM をクリックすると、位置情報が開発サーバーに送信され、開発サーバーは次の呼び出しを行います。 code ソース コードにジャンプする機能。
ファイル比較
2 つのファイルを簡単に比較したい場合は、次のコマンドを使用できます:$ code -d file-path-a file-path-b
- code --list -extensions --show-versions
: インストールされているすべてのプラグインを
. @ ;
- コードの形式で一覧表示します。 --install-extension
: プラグインをインストールするには、
--forceオプションを追加して、ポップアップ プロンプトが表示されないようにすることができます。 code --uninstall-extension <ext>
: プラグインをアンインストールします。 フロントエンド エンジニアリングの足場を開発するように頼まれたら、どうしますか?
市場のほとんどのスキャフォールディングを模倣し、もちろん editorConfig、eslint、prettier などのコード形式に関連する構成をユーザーに提供します。しかし、これらを完了しても、足場は 90 点しか獲得できません。実際、eslint を有効にするには、ユーザーは対応する VSCode プラグインをインストールし、
を構成する必要があります。
settings.json
幸いなことに、
ディレクトリに settings.json
を作成して、チーム メンバー間で構成を共有し、ローカル構成を上書きできます。により、チーム メンバーが手動構成の手間を省き、一貫性のない開発構成の問題を回避できます。 VSCode プラグインに関しては、一般的に、ユーザーが自分でインストールできるようにするか、デフォルトですでにインストールされています。しかし、フロントエンドの初心者や新しい同僚にとって、これは間違いなく苦痛であり、優れたスキャフォールディング開発者にとっても耐え難いものです。このとき、上記のコマンドが機能します。
ユーザーがプラグインをインストールしているかどうかを確認し、インストールされていない場合は、
--install-extension を使用してインストールします。 <p>プラグインと <code>.vscode
を操作するための上記のコマンドの助けを借りて、スキャフォールディングはユーザーがまったく意味を持たずに開発環境を構成するのに役立ち、すべてのユーザーが確実に開発環境を構成できるようにすることができると考えられます。はい、いつか新しい同僚がやって来て、彼の eslint が有効になっていないと言うかもしれない、という心配はありません。
注: プラグインの操作に関連するコマンドは少し強力なので、注意して使用してください。
コードのインストール
一部の学生は、コード
を効果的にするには、手動でコード# #をインストールしてはいけないと言うかもしれません。 #コマンドはグローバル環境変数
PATH にインストールされていますか?
/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code を通じて
code を直接呼び出すこともできます。 。
code が
PATH に自動的に追加され、
code を直接呼び出すことができます。
まとめ
この記事では、VSCode CLI の実用性が高いと思われる一部の機能のみを紹介しており、言語の切り替えやパフォーマンス監視などのその他の機能は紹介しておりません。記事末尾のインフォメーションのリンクから公式サイトに飛んでご覧いただけます。 最近、私は他のノード プロジェクトを直接呼び出すための基本機能のセットを提供したいと考えて、code 関連コマンドを単純にカプセル化しています。プロジェクトのアドレスは
github.com です。 /avennn/vsc -…、どなたでもご利用、PRしていただけます。良いと思ったら星を付けていただけると嬉しいです。
vscode チュートリアル をご覧ください。
以上がVSCode CLI ツールを簡単に分析すると、非常に便利であることがわかりました。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック











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

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端子の使用方法:ショートカットキー(CTRL/CMD)で端子を開きます。コマンドを入力するか、スクリプトを実行します。 Hotkeys(Ctrl Lなどの端子をクリアするなど)を使用します。作業ディレクトリ(CDコマンドなど)を変更します。高度な機能には、デバッグモード、自動コードスニペット完了、およびインタラクティブコマンド履歴が含まれます。

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

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

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

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

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