検索
ホームページ開発ツールVSCode開発をシルクのようにスムーズにするために、いくつかの 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 までご連絡ください。
vscodeを使用してJSONをフォーマットする方法vscodeを使用してJSONをフォーマットする方法Apr 16, 2025 am 07:54 AM

VSコードでJSONをフォーマットする方法は次のとおりです。1。ショートカットキーを使用します(Windows/Linux:Ctrl Shift I; MacOS:CMD Shift I); 2。メニュー( "edit"> "format document"); 3。JSONフォーマッタ拡張機能(プレシエなど)をインストールします。 4。手動でフォーマットします(ブロックをインデント/抽出するためにショートカットキーを使用するか、ブレースとセミコロンを追加します)。 5。外部ツール(JsonlintやJson Formatterなど)を使用します。

vscodeをコンパイルする方法vscodeをコンパイルする方法Apr 16, 2025 am 07:51 AM

VSCODEのコンパイルコードは5つのステップに分割されます。C拡張子をインストールします。プロジェクトフォルダーに「main.cpp」ファイルを作成します。コンパイラ(MINGWなど)を構成します。ショートカットキー(「Ctrl Shift B」)または「ビルド」ボタンでコードをコンパイルします。コンパイルされたプログラムをショートカットキー(「F5」)または「実行」ボタンで実行します。

VSCODEをインストールする方法VSCODEをインストールする方法Apr 16, 2025 am 07:48 AM

Visual Studioコードをインストールするには、次の手順に従ってください。公式Webサイトhttps://code.visualstudio.com/;オペレーティングシステムに従ってインストーラーをダウンロードします。インストーラーを実行します。ライセンス契約を受け入れ、インストールパスを選択します。インストールが完了した後、VSCODEは自動的に開始されます。

VSCODEでフォントを拡大する方法VSCODEでフォントを拡大する方法Apr 16, 2025 am 07:45 AM

Visual Studioコードでフォントを拡大する方法は次のとおりです。設定パネル(CTRL、またはCMD)を開きます。 「フォントサイズ」を検索して調整します。適切なサイズの「フォントファミリ」を選択します。適切なサイズを提供するテーマをインストールまたは選択します。キーボードショートカット(CTRLまたはCMD)を使用して、フォントを拡大します。

VSCODEを使用してリモートサーバーに接続する方法VSCODEを使用してリモートサーバーに接続する方法Apr 16, 2025 am 07:42 AM

VSCODEを介してリモートサーバーに接続する方法は?リモート-SSH拡張構成SSH VSCODEで接続を作成する接続情報の入力情報:ホスト、ユーザー名、ポート、SSHキーリモートエクスプローラーの保存された接続をダブルクリックします

VSCODEでVUEを実行する方法VSCODEでVUEを実行する方法Apr 16, 2025 am 07:39 AM

VSCODEでVUEプロジェクトを実行するには、次の手順が必要です。1。Vue CLIをインストールします。 2。VUEプロジェクトを作成します。 3.プロジェクトディレクトリに切り替えます。 4.プロジェクトの依存関係をインストールします。 5.開発サーバーを実行します。 6.ブラウザを開いてhttp:// localhost:8080にアクセスします。

2つのファイルをVSCodeと比較する方法2つのファイルをVSCodeと比較する方法Apr 16, 2025 am 07:36 AM

VSCODEでファイルを比較する方法:1。2つのファイルを開きます。2。違いの表示(表示メニューを表示)、3。違いを表示(緑色、削除、紫色の変更)、4。矢印キーを使用してナビゲートします。その他の機能には、変更のマージ、変更のコピー、詳細の表示、違いの編集が含まれます。

VSCODEでJSコードを実行する方法VSCODEでJSコードを実行する方法Apr 16, 2025 am 07:33 AM

vscodeでJSコードを実行する方法は? .jsファイルを作成し、コードを書き込みます。 node.jsとnpmをインストールします。 Chrome用のデバッガーをインストールします。デバッグコンソールを開きます。 Chromeを選択します。デバッグ構成を追加します。デバッグスクリプトを設定します。コードを実行します。デバッグコード(オプション)。

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。