目次
vscode のヒント - カーソル操作
キー)、削除 (選択 + delete) およびその他の操作について学習しました。複数の場所を同時に操作することについては?現時点では、カーソル操作、つまりマルチカーソル操作の高度な使用法に到達する必要があります。
VSCode の詳細については、vscode 基本チュートリアル をご覧ください。
ホームページ 開発ツール VSCode 開発をシルクのようにスムーズにするために、いくつかの vscode カーソル操作を理解する価値があります。

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

Oct 28, 2022 pm 07:53 PM
vscode

この記事では、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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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