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衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

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

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

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

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

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

ホットトピック











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

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

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

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

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

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

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

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