目次
vscode 領域の概要" >vscode 領域の概要
編集エリア" >編集エリア
編集エリアで開いている複数のファイルを切り替える方法: ショートカット キー" >編集エリアで開いている複数のファイルを切り替える方法: ショートカット キー
現在開いているファイルのリストで
コマンド実行
エディター領域にこのような大きなコンテンツがある場合、処理された複数のファイルを同時に表示したい場合は、分割してください。これは " >複数のファイルの対応する内容を確認する方法同時に編集領域: エディター グループ エディター領域にこのような大きなコンテンツがある場合、処理された複数のファイルを同時に表示したい場合は、分割してください。これは
エディタ グループ間のデフォルトのエディタ配置は水平です
エディタ グループ制御ファイル" >エディタ グループ制御ファイル
" >vscode は、変数、関数、呼び出しなどのコレクションを意味するシンボルの概念を設定します。
特殊識別対応戦略
対応する戦略
拡張フィード
ターミナルエリア" >ターミナルエリア
サイドバーは、非常によく使用される 1 つのショートカット キー (サイドバーの表示/非表示) のみを考慮します。 " > サイドバーは、非常によく使用される 1 つのショートカット キー (サイドバーの表示/非表示) のみを考慮します。
この時点で、空間制御を主軸とする vscode の旅は完了しました。熱心に考えて、楽しんで考えてください。さあ " > この時点で、空間制御を主軸とする vscode の旅は完了しました。熱心に考えて、楽しんで考えてください。さあ
ホームページ 開発ツール VSCode vscode の [スペース コントロール] を理解します。

vscode の [スペース コントロール] を理解します。

Nov 15, 2022 pm 07:59 PM
vscode

vscode の [スペース コントロール] を理解します。

vscode の世界へようこそ。この記事の目標は、vscode の [スペース コントロール] に関するいくつかの設計コンセプトを普及することです。スペースは限られていますが、情報は無制限です。私たちと同じです。ページを書くときはページの中心やスペースの配置を考える必要がありますが、vscode は実際にはアプリケーションであり、インターフェイスのスペースも限られており、これらはさまざまな領域によって構築されています。彼らはどのように連携するのでしょうか? [推奨学習: "vscode チュートリアル"]

この記事の主な内容はヒントとも言えますが、私は非常に怠け者で、暗記するのが好きではありません。丸暗記、必要なときに思い出すのが好き コンテンツ間の内部的なつながりを探し、ロジックを使用してそれらをつなぎ合わせると、言葉では言い表せない喜びが得られます; この記憶方法は多くの業界には適していないかもしれませんが、コンピュータ分野ではこれは私が個人的に強くお勧めする方法です。理由は簡単です。コンピューターは完全に人間によって構築された世界だからです。

これは、デザイナーの考え方を理解できれば、さまざまなもののデザインが論理的になるため、このように使用しないと違和感があるという意味です。もう 1 つの潜在的な利点は、私たちがそれらの善良な人々のように考えるようになるということであり、これは非常に重要です。

たくさん話しましたが、本題に入りましょう、始めましょう!

vscode 領域の概要

上の図を例に挙げると、共通でよく使用される領域です。と対応する機能 おおよそ次のとおりです。

  • 作業ディレクトリ: 現在処理中のプロジェクトのディレクトリ情報

  • コマンド パネル: をサポートするパネルを提供します。コマンドを通じて vscode に対応するアクションを呼び出す

  • 編集領域: 現在のプロジェクトの内容を変更するための領域。編集グループなどの概念があります。

  • ターミナルエリア: vscode にターミナルエリアを埋め込む方法を提供する win でターミナルコマンドを直接実行、デフォルト powershell; bash として設定可能

    これらのコアエリアの存在を知っているので、次に、1 つずつ分析を開始します

編集エリア

エディタエリアは最も重要なエリアです。これはプロジェクトを直接制御するための入り口であるため、通常のファイル操作設計の概念は実際には主にカーソルの操作に関するものです。これは記事 カーソル操作 で共有されているため、ここでは説明しません。詳細に進みます。興味のある友達は見てください;

この記事の焦点は、領域の割り当てに関して、編集領域はデフォルトで表示され、最も大きな領域を占める領域です。このスペースの主な要件は次のとおりです。

  • 開いている複数のファイルを切り替える方法
  • 複数のファイルの対応するコンテンツを同時に表示する方法
## 最初の質問については、一種のショートカット キーによって実現できます。2 番目の質問については、vscode でエディター グループの概念が提案されています。編集領域は、独立した最大 5 つの領域に分割できます。お互い。

記事

カーソル操作 を読んでいただければわかると思いますが、カーソル設定を理解するために [粒度] の観点を使用しています。実際、空間制御もこの観点から理解できます。具体的にどうやって理解すればいいのでしょうか? 質問を通して理解しましょう

編集エリアで開いている複数のファイルを切り替える方法: ショートカット キー

まず見てみましょう デフォルトのショートカット キー設定

Commandmacwin現在開いているファイル リストで選択しますctrl タブctrl タブ次のファイルに切り替えます現在のファイル | 前のエディタを開くcmd オプション ←ctrl オプション ←##現在のファイルの前のエディタに切り替える | 次のエディタを開く
現在開いているファイルのリストで

# を選択し、現在のファイルの前/次のファイルに切り替えます

コマンド実行

実はコマンドでも実行可能です

Mac の同じタイプのコマンドで、[リストで選択] が ctrl キーで、[現在のファイルの前/次に切り替える] が # である理由を考えてみます。 ##cmd キー ;実際、重要なのは、Mac のシステム自体にもショートカット キー cmd 方向キー があり、これは全画面ウィンドウを切り替えるために使用されます;

ここがわかりやすい、システムが一番大きい、この層がわかる 後は頭を使う 前回の記事で書いた【カスタムショートカットキー】を使って統一できないでしょうか?

もちろん、設定を追加します: システム キーと競合する場合は、

options キーを追加します。これを使用します [現在のファイルの前/次のキーに切り替えます] ] たとえば、引き続き ctrl を使用しますが、競合を避けるために、これを ctrl optionskey

に変更します。カスタマイズ後のロジックは次のように理解できます。 ,

Editor 内部のファイル粒度は ctrl です。たとえば、ctrl ← はウィンドウを切り替えることです。その場合、開いているファイルに切り替える唯一の方法は ctrl オプション ← です。 ; cmd 0 これは サイド バーにフォーカス | サイド バーにフォーカス である場合、エディター グループの方向を切り替える唯一の方法は cmd オプション 0;

cmd オプション → ctrl オプション →
コマンドmacwin##を選択現在のファイルの次のファイルに切り替える | 前のエディタを開く現在のファイルの前のものに切り替える | 次のエディタを開く
#現在開いているファイルのリストのタブで ctrl タブ ctrl タブ
cmd オプション ← (カスタマイズされた Ctrl オプション ← )
cmd オプション → (カスタマイズされた ctrl オプション → )

複数のファイルの対応する内容を確認する方法同時に編集領域: エディター グループ エディター領域にこのような大きなコンテンツがある場合、処理された複数のファイルを同時に表示したい場合は、分割してください。これは

Editor Group

という概念につながります。実際には、パーティションに分割されており、機能はまったく同じです。ケースを直接見てください。

エディタグループ空間の把握については、同文内で、

エディタグループの粒度は

cmd であり、対応するコマンド概要は以下の通りです;

コマンドの概要
コマンド分割エディタ | 分割エディタ分割スイッチ | エディタ グループ内の現在のエディタを切り替えますエディタ グループ レイアウトを反転 | エディタ レイアウトを垂直/水平に切り替える
mac win
Cmd \ Ctrl \
Cmd [グループ数] Ctrl [グループ数]
Cmd オプション 0 Shift Alt 0
スイッチ
##Commandmacwin分割スイッチ | エディター グループ内の現在のエディターを切り替えますCmd [グループ数]Ctrl [グループ数]

エディターグループの切り替え方向

エディタ グループ間のデフォルトのエディタ配置は水平です

Commandmacwin##エディタ グループ レイアウトを反転 | エディタ レイアウトを垂直/水平に切り替えるCmd Option 0
Shift Alt 0

エディタ グループ制御ファイル

エディタ グループ自体のサポート機能はわかっており、粒度はさらに高くなります。より具体的に言うと、編集者グループのファイルのサポートについてはどうですか? エディター グループ内のファイル粒度は cmd ctrl

##Commandmac win##エディタを前のグループに移動 | 現在のファイルを前のエディタに移動エディタを次のグループに移動 | 現在のファイルを次のエディタに移動
cmd ctrl ← ctrl tab
cmd ctrl ←
##現在処理中のファイルを切り替える
コマンド現在開いているファイル リスト # で ctrl タブctrl タブ を選択します。 ##現在のファイルの次のエディタに切り替える | 前のエディタを開くcmd オプション ← (カスタマイズされた Ctrl オプション ←)現在のファイルの前のものに切り替える | 次のエディタを開くcmd オプション → (カスタマイズされた Ctrl オプション → )
mac win


#現在のファイルをエディターの左右の編集グループ項目に移動

# #Command
macwincmd ctrl ←ctrl tab##コマンド パネル領域
エディタを前のグループに移動 | 現在のファイルを前のエディタに移動
エディタを次のグループに移動 | 現在のファイルを次のエディタに移動 cmd ctrl ←

コマンドパネルは実際には戦略モードを使用する入力ボックスであり、動作はプレフィックス識別子に従って分類されます。

vscode は、変数、関数、呼び出しなどのコレクションを意味するシンボルの概念を設定します。

実は、特殊ロゴと特殊文字の 2 つのカテゴリに大別することができ、区別すると覚えやすくなります。

コマンド区分:特殊識別

特殊識別対応戦略
ショートカットキーMac の場合win のショートカット キーemptyファイル名に基づくファジー クエリcmd p##[ ファイル名? ]:[rowIndex]行番号を見つけます (ファイル名を指定しない場合、現在開いているファイルになります)ctrl g Ctrl Shift O#cmd T
? できることについてのヘルプを入手

コマンドを実行
cmd shift p

ctrl g
@[:?] 現在のファイル シンボルのファジー クエリ。入力しない場合、デフォルトですべてが表示されます (追加された場合: カテゴリに表示されます) Cmd Shift O
# 現在開いているファイル リスト内のシンボルに対するファジー クエリ (入力されていない場合)では、デフォルトは空です
コマンド区分: 特殊文字
特殊文字は、対応するポリシーをトリガーするためにスペースを追加する必要があります。この設定も非常に簡単です。スペースを追加しない場合は、以前の [ファイル名] 検索戦略と直接一致します
#特殊文字|ソース単語
対応する戦略

edt [アクティブ?] | edit開いているファイルをすべて表示し、 を追加すると、現在アクティブなグループ内のファイルのみが表示されます ext [install?] | extension可能な操作に関するヘルプについては、タスクを実行します
active
install# を追加してください。 ##コマンド パネルでプラグインを検索してインストールできます タスク
debugデバッグの実行
term |terminal ターミナル インスタンスの作成と管理
view VS Code のさまざまな UI コンポーネントを開く
拡張フィード

コマンド パネルに基づいて、実際には vscode の検索機能を整理するための一連の機能があります。スペースの制限のため、短い記事で説明します。次の記事の (ツール記事) ) の形式で表示されます

ターミナルエリア

の方が簡単です理解するのは難しいですが、実際にはいくつかのコマンドです

##ターミナルにフォーカス | パネルにフォーカスcmd 3 としてカスタマイズ次のターミナルにフォーカス|次のターミナルにフォーカスcmd シフトとしてカスタマイズ → 前のターミナルにフォーカス | 前のターミナルにフォーカス は cmd シフトとしてカスタマイズされます ←
Command mac win
ターミナルの呼び出し | ターミナルの切り替え ctrl Gone ctrl Gone
覚醒状態で新しいターミナルを作成 | 新規作成ターミナルを統合 ctrl シフト ゴーン ctrl シフト ゴーン



## ターミナルを呼び出す

#覚醒状態の新しいターミナルを作成します

ターミナルに焦点を当てる

前/次のターミナルに焦点を当てる

サイドバー領域

サイドバーは、非常によく使用される 1 つのショートカット キー (サイドバーの表示/非表示) のみを考慮します。

コマンドmacwin表示/非表示サイドバーCmd BCtrl B

##概要

この時点で、空間制御を主軸とする vscode の旅は完了しました。熱心に考えて、楽しんで考えてください。さあ

VSCode に関する関連知識の詳細については、

vscode 基本チュートリアル を参照してください。

以上がvscode の [スペース コントロール] を理解します。の詳細内容です。詳細については、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