ホームページ >開発ツール >VSCode >開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

青灯夜游
青灯夜游転載
2022-10-28 19:53:303083ブラウズ

この記事では、vscode のカーソル操作について説明します。この記事では、最も関係の深いカーソル操作のみを取り上げますので、始めましょう。

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

私たちの目標は 1 つだけです。スローガンを叫びましょう。開発を絹のようにスムーズにします。私は Mac なので、記事内の例のほとんどは Mac バージョンに基づいていますが、Win バージョンについて心配する必要はありません。フォーメーションを崩したい場合は、コマンドは Ctrl キーであることに留意してください。 。

vscode のヒント - カーソル操作

私たちはカーソルを操作するために毎日矢印キーを使用します。実際、そのテクニックの多くは筋肉の記憶の中で無意識のうちに使用されています。たとえば、cmdキーを押し続けると行頭と行末に移動できますが、要約するのが難しく、目がくらむような感じがします。画期的なポイントとして、粒度をあげましょう。私たちが日常的に使用する場合、左右の矢印キーには 1 文字しかありません。つまり、粒度は 1 文字です。単語や文の終わりを考えると、非常に面倒になります。実際、この文は、粒度に焦点を当てています。 ; では、操作方法 カーソルの粒度はどうでしょうか? [推奨学習: 「vscode チュートリアル」]

水平方向

方向キーとの組み合わせ

#粒度単語# optioncmdcmd シフト \垂直方向
##mac win
ctrl line
home/end を使用してください コード ブロック
Ctrl シフト \

#粒度

macwin責任者text/End of textCmd 上下矢印キーCtrl Home/End キーコードの現在の行を上/下に移動オプション上下矢印キー

注: [現在の行を上/下に移動] はカーソルではありませんただし、コード ブロック操作 (矢印キーでカーソルを直接操作できるため) ですが、水平方向: line-cmd word-option; 垂直方向 document- の水平方向に一致するように、ここに配置するのが非常に適しています。 cmd line-option;
その他のカーソル操作

意味

macwinカーソル処理を元に戻すCmd UCtrl U

拡張機能: [選択]操作は[シフト]を追加するだけです。[削除]操作の粒度はカーソル操作と同じですが、逆方向に fn (たとえば、削除された行のカーソルより前のすべての内容は [cmd delete] で、カーソルの後の内容は [cmd fn##] です。 #削除 ])

カーソル操作例

単語のカーソル移動

Think カーソルを単語全体、つまり関数の前後に直接移動するには、Option (Windows では Ctrl キー) と左矢印キーを押すだけです。

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

カーソルを行頭または行末に移動します。

Cmd の左矢印を押したままにします。キー (Windows ホーム キー) を押すと、カーソルをこの行の最初の列に移動できます

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

カーソルを最初または最後の行に移動しますドキュメントの

Cmd と上下の矢印キー (Windows では Ctrl Home/End キー) を押します

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

##コード ブロックの移動Cmd Shift \ (Windows では Ctrl Shift \) を使用すると、中括弧のペアの間をジャンプできます。

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

#現在の行を上下に移動

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。##その他のカーソル操作

元に戻すカーソル処理

##複数のカーソル操作

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。 # これまで、単一カーソルの移動、選択 (実際には移動 +

shift

キー)、削除 (選択 + delete) およびその他の操作について学習しました。複数の場所を同時に操作することについては?現時点では、カーソル操作、つまりマルチカーソル操作の高度な使用法に到達する必要があります。

今回の話ですが、実は作成後の動作は単一カーソルと同じなので、必要な位置に複数のカーソルを作成する方法がポイントとなります。 基本操作 - マウスによる複数カーソルの作成

キーボードの「Option」キー(Windows の場合は Alt キー)を押しながらクリックします。新規作成 カーソルをクリックするだけです。

しかし、明らかに、この方法は一般的に適用できますが、不便です。カーソルを作成するたびに、位置を見つけてクリックする必要があります。82 原則によると、ショートカット キーを使用できる 一般的な 20% の操作を実装するために、以下では主に 3 つの一般的なシナリオを紹介します。

#効率化操作開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

シーンの処理ショートカット キー

詳しい説明同じ要素Cmd D要素を選択してショートカットキーを押すと、vscodeが選択します次の要素は同一の要素でカーソルが作成され、もう一度押すと作成されます。 上下処理Cmd Option下矢印キー現在のカーソルの下にカーソルを作成します。 複数行処理の選択Option Shift iコンテンツの複数行を選択し、ショートカット キーを押すと、vscode がカーソルを作成しますカーソル操作に関する拡張機能
その他のカーソル操作

#意味mac

win##カーソル処理を元に戻す Cmd UCtrl U

Lenovo の選択と削除

[選択] 操作では、[シフト] を追加するだけで済みます。[削除] 操作の粒度は、カーソル操作、またはその逆 方向に fn を追加するだけです (たとえば、行を削除すると、カーソルの前のすべての内容は [cmd delete になります) ]、カーソルの後の内容は [cmd#] ##fn delete])

この時点で、次の基本的な設計概念を理解しました。カーソル操作用の vscode 自体。

カスタマイズされたショートカット キー

しかし、慣れていない場合はどうすればよいでしょうか?もちろん、vscode はそれほど厳密ではありません。動作のショートカット キー (いわゆるコマンド) のカスタマイズをサポートしています。ここで、以前私が混乱した点が 1 つあります。つまり、いわゆるカーソルの作成や移動などが vscode に対応します。実はこれは埋め込みコマンドなので、それを理解して初めてカスタマイズできるのですが、最初は理解できず、やりたいことをどう翻訳すればいいのかずっと考えていました。

3 つの手順:

keyboard Shorycut が定義されている場所を見つけ、対応する操作を見つけて、ショートカット キーを操作にバインドします。

: [括弧内のすべての内容を選択]Cmd Shift ]ショートカット キーを例として操作をバインドします

定義 キーボード Shorycut の場所

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

対応する操作を検索

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

操作用のショートカット キーをバインドします

ダブルクリック->>バインドする必要があるショートカット キーを押します->>Enter キーを押して確認します (間違ったキーを押した場合は、Enter キーを押さないでください)

詳細はこちら つまり、ショートカット キーの本質は、[特定のシナリオでの] 動作と特定のキーのバインドです。これらは vscode の JSON を通じて記述されます。

>Open を実行することで表示できます。 Keyboard Shortcuts(JSON) 、高度なショートカット キーを実装する必要がある場合は、この知識が必要になります。

開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

##属性意味備考コマンドコマンド値このショートカットはどのような状況で実行されるのか キーバインド有効になる可能性がありますショートカット キーwhen の定義には、さらに注意が必要です。すべての値は、 ドキュメント
##いつ
キー

で確認できます。高度な記述については、VS Codeいくつかの基本的な演算子もサポートされています。このようにして、比較的複雑な条件ステートメントを作成できます。 #!

否定します。たとえば、カーソルがエディタ内にないときにショートカット キーをバインドしたい場合は、!editorFocus を使用し、! を使用します。否定します。

    ==
  • はと等しい。ブール値に加えて、when 条件値を文字列にすることもできます。たとえば、resourceExtname は、開いているファイルのサフィックス名に対応します。js ファイルにショートカット キーをバインドしたい場合は、
  • resourceExtname == .js
  • を使用できます。 #&& And 演算子。複数の条件値を組み合わせることができます。たとえば、カーソルをエディター内に置き、エディターで js ファイルを編集している場合は、editorFocus && resourceExtname == .js を使用できます。
  • #=~
  • 正規表現。上記の例を引き続き使用すると、ファイルのサフィックスが js であるかどうかを検出したい場合は、resourceExtname =~ /js/ と記述して正規表現で判断することもできます。
  • まとめ ここまででカーソル操作に関する共有は終わりですが、vscode の理解に関しては特効薬ではなく、 「プログラミングそのものはつまらないと常々感じていますが、それでもこういう探索の楽しさは必要です。私は生まれながらにして崖っぷちなので、学ぶことに限界はありません。エッセイとの共有のこの部分は終わりにします」その時学んだ後に書きました:人間の本性 怠惰は見た目の問題だけではなく、思考の問題でもあります 考えるのが怠けているということは、穴に遭遇したときにそれを埋めることに慣れているだけです 穴に飛び込むのはほぼ避けられない出来事です 真剣に考えなさいそして考えることを楽しんでください。
  • 最後に、ジングルでまとめさせていただきます。お役に立てば幸いです。移動するときは粒度を考慮し、複数のショートカット キーを使用し、カスタマイズには自己バインディングが必要で、シフトを覚えておいてください。操作用のキーです。

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

以上が開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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