目次
コード実践関数
最新のセッションを開く
特定のプロジェクトを開く
ファイルの行にジャンプします
コードのインストール
ホームページ 開発ツール 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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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 で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 May 09, 2024 am 09:37 AM

まず、コンピュータ上で vscode ソフトウェアを開き、図の①に示すように、左側の [拡張機能] アイコンをクリックし、図の②に示すように、拡張機能インターフェイスの検索ボックスに「officeviewer」と入力します。次に、図の③のように検索結果からインストールする「officeviewer」を選択し、最後に以下のようにdocxやpdfなどのファイルを開きます。

vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 Apr 23, 2024 pm 02:13 PM

まず、コンピューターで Visual Studio コードを開き、左側にある 4 つの四角形のボタンをクリックし、検索ボックスに「draw.io」と入力してプラグインをクエリし、インストール後に新しい test.drawio ファイルを作成して [インストール] をクリックします。 test.drawioファイルを選択し、左側にある編集モードに入ります。 描画後、「ファイル」→「埋め込み」→「svg」をクリックし、「svgをコピー」を選択します。コピーした SVG コードを HTML コードに貼り付けます。HTML Web ページを開くと、Web ページ上の画像をクリックして、フローチャートを拡大または縮小できます。ここでは、右下隅の鉛筆パターンをクリックして Web ページにジャンプします。

Vscode で Maude を記述する方法_Vscode で Maude を記述する方法 Vscode で Maude を記述する方法_Vscode で Maude を記述する方法 Apr 23, 2024 am 10:25 AM

まず、vscode プラグイン マネージャーで Maude プラグインを検索します。次に、maude のコード スニペットと構文の強調表示を使用するために、拡張子が maude の新しいファイルを作成します。 [ターミナル] -> [新しいターミナル] を選択すると、現在のフォルダーにある vscode 組み込みターミナルを開いて、モードまたはフルモード プログラムを実行できます。 maude の公式チュートリアルには、図に示すように呼び出して実行できる http クライアントの例もあります。ファイルを fm 拡張子に関連付ける場合は、設定を開き、ユーザー設定でファイルの関連付けを検索し、settings.json を開きます。ファイルの関連付けにエントリ、つまり *.fm から maude へのエントリを追加するだけです。でもいっぱい

カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 Apr 23, 2024 pm 03:01 PM

テレンス・タオなど多くの数学者に賞賛されたこの正式な数学ツール、LeanCopilot が再び進化しました。ちょうど今、カリフォルニア工科大学のアニマ・アナンドクマール教授が、チームが LeanCopilot 論文の拡張版をリリースし、コードベースを更新したと発表しました。イメージペーパーのアドレス: https://arxiv.org/pdf/2404.12534.pdf 最新の実験では、この Copilot ツールが数学的証明ステップの 80% 以上を自動化できることが示されています。この記録は、以前のベースラインのイソップよりも 2.3 倍優れています。そして、以前と同様に、MIT ライセンスの下でオープンソースです。写真の彼は中国人の少年、ソン・ペイヤンです。

vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 May 09, 2024 am 09:52 AM

1. まず、インターフェースを開いた後、左上隅のファイルメニューをクリックします。 2. 次に、設定列の設定ボタンをクリックします。 3. ジャンプした設定ページで、アップデートセクションを見つけます。最後に、マウスをクリックしてチェックして有効にし、Windows のバックグラウンドで新しい VSCode バージョンのボタンをダウンロードしてインストールし、プログラムを再起動します。

vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 May 09, 2024 am 09:43 AM

1. まず、vscode ソフトウェアを開き、エクスプローラー アイコンをクリックして、ワークスペース ウィンドウを見つけます。 2. 次に、左上隅にあるファイル メニューをクリックし、フォルダーをワークスペースに追加オプションを見つけます。 3. 最後に、フォルダーの場所を見つけます。ローカルディスク、追加ボタンをクリックします

vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 May 09, 2024 am 10:30 AM

1. まず、設定メニューで設定オプションを開きます。 2. 次に、よく使用されるページでターミナル列を見つけます。 3. 最後に、列の右側にある usewslprofiles ボタンのチェックを外します。

VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル May 09, 2024 am 09:49 AM

1. まず、インターフェースを開いた後、ワークスペースインターフェースをクリックします。 2. 次に、開いている編集パネルで、「ファイル」メニューをクリックします。 3. 次に、「環境設定」列の下にある「設定」ボタンをクリックします。 4. 最後に、マウスをクリックして CursorSmoothCaretAnimation を確認します。ボタンを押して保存するだけです

See all articles