ホームページ >開発ツール >VSCode >ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有

青灯夜游
青灯夜游転載
2022-03-21 20:21:099935ブラウズ

VSCode ワークスペースを使用する理由次の記事では VSCode ワークスペース ガイドを紹介します。お役に立てば幸いです。

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有

VSCode ワークスペースを使用する理由

VSCode宇宙の最初のエディタ (私が選んだもの) としてだけでなく、 フロントエンド開発の強力なツールであり、Pythonc/cpp などの開発エクスペリエンスも非常に優れています。## を記述するために vscode を使用する人もいます。 #ジャワ。 vscode は IDE ではなく、その機能の多くは統合されていませんが、vscode は非常に優れたスケーラビリティと、強力なコミュニティによって提供される拡張市場を備えています。ユーザーは自分のニーズに応じて拡張機能を自由にインストールでき、vscode は非常に軽量で高速であるため、多くの人に好まれています。 [推奨される学習: 「vscode 入門チュートリアル 」]

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有

#But asますます多くの vscode 拡張機能がインストールされると、管理が非常に難しくなります。たとえば、ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有フロントエンド開発

を行っている場合、

python プラグインは必要なくなります。をオンにすることもできますが、このプラグインは明らかに不必要な cpu リソース を占有します。ほとんどの人は、プラグインをオフにしてから使用するときにオンにすることを選択します。実際、これはそうではありません。良いアイデアです。これは単なるプラグインです。しかし、python は複数のプラグインを開発でき、管理する c/cpp プラグインもあります。とても面倒なことになります。 VSCode ワークスペースは、この目的のために生まれました。ワークスペースとして python

、ワークスペースとして

cpp などのカスタム ワークスペースを作成できます。 フロントエンド開発 に分割することもできます。いくつかのワークスペースがあります。また、ワークスペースで enable および disable 拡張機能を制御できます。これは、ワークスペースの最大の利点の ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有 つでもあります。 最終的な効果を見てみましょう:

ワークスペースの作成ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有

ワークスペースを作成する

最初に React

フォルダーを開き、メニュー バーでファイルをクリックし、ワークスペースを作成するために

名前を付けてワークスペースを保存し、.code-workspace ファイルの名前はカスタマイズできます。これらのファイルを特別に保存するフォルダーを作成することをお勧めします。ビルド後、このワークスペースに移動すると、## が表示されます。 #反応フォルダー。

#プロジェクトをワークスペースに追加する

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有

規定に従って、ワークスペースで複数のプロジェクトを開くことができます。自分で追加や削除を行う必要があるのが、ワークスペースの利点の ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有 つです。

#ワークスペースで拡張機能を有効または無効にする

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有

ここが重要なポイントです, ワークスペースを使用すると、ニーズに応じてワークスペース内の拡張機能を有効または無効にすることができます。これは最高の機能の ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有 つだと思います。これにより、不必要な メモリ使用量 を削減できるだけでなく、他の無関係なプラグイン、特に snippets

タイプのプラグインが開発に影響を与えないようにします。

私の提案は、中国語 (簡体字) (簡体字中国語) などの一部のパブリック プラグインのみを有効にすることです。一部の対象プラグインはワークスペースでのみ有効になります。

#ワークスペースの切り替え

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有ワークスペースの切り替えも非常に簡単で、メニュー バーの ## をクリックするだけです。 #ファイル

からワークスペースを開きます。

ワークスペース構成

ワークスペースが有効になっていない場合は、user および

フォルダー (.vscode) のみが存在します。

2 レベルの設定。ワークスペースを開くと、新しい ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有ワークスペース

設定が追加されます。このワークスペースには、関連する

設定

および

デバッグ構成を書き込むことができます。 <p>多くの人は、これらのレベルの構成を最初は混乱して理解するでしょう。実際、これは簡単に理解できます。これら 3 つの関係は、特に <code> の 継承と ## の ## に似ています。 #css.##重み。ユーザーの重みが最も低く、スコープが大きく、フォルダの重みが最も高く、スコープが小さく、これら 3 つは継承関係にあります。 例: ワークスペースの設定を書き込まない場合、ユーザーの設定が継承されるため、ワークスペースに別の構成を書き込むだけで済みます。これらの構成はユーザーの構成を上書きし、重複した構成はbe 書き込む必要はありません。フォルダーについても同様です。

継承
オーバーライド
###############################継承########## ######## ##################カバー####################### ########
##ユーザー
ワークスペース
##フォルダ

プロジェクト マネージャー

上記の設定を行うと、比較的使いやすくなりますが、機能が十分ではなく、操作が少し面倒です。次に、拡張機能をインストールしましょう。この拡張機能は VSCode で動作します. District は 自然な一致であり、非常に使いやすいと言えます。

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有0.gif

この拡張機能のインストール量も比較的多く、最終更新日は 2022/2/9 であり、積極的にメンテナンスされていることがわかります。評価はすべて星5つです。

インストール後、左側のメニューに追加のフォルダー アイコンが表示されます。

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有.gif

新しく作成した React ワークスペースを追加しました。このプラグインはワークスペースを簡単に切り替えることができ、タグのいくつかの機能を提供します。リモート プロジェクトの機能については説明しますが、ここではワークスペースに関連する機能についてのみ説明し、その他の機能については説明しません。

ワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有2.gif

ワークスペースを切り替えるときに、vscode はファイルを以前に開いた状態に維持でき、フォルダーを折りたたんだり開いたりした状態も維持できることもわかります。開発効率が大幅に向上します。ワークスペースだけでなくフォルダーの保存もできるので、workspaceを使わない方にもオススメです。

VSCode の詳細については、vscode チュートリアル をご覧ください。 !

以上がワークスペースを使用する理由VSCode ワークスペース使用ガイドの共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。