VSCodeで、行・画面・列を移動するショートカットキーの練習帳

スポンサーリンク
スポンサーリンク

ノンプログラマーの管理人は、なかなか移動系のコマンドを使いこなせません。

なので、Visual Stdio Codeで、行・画面・列を移動するショートカットキーをまとめて、動画を使った練習帳にしてみました。

よかったら、使って下さい。

早見表

  • 行・画面の 移動 & スクロール系
    • 下へ移動:PgDn
    • 1画面分、下へスクロール:Alt + PgDn
    • 1行分、下へスクロール:Ctrl +
    • 上へ移動:PgUp
    • 1画面分、上へスクロール:Alt + PgUp
    • 1行分、上へスクロール:Ctrl +
    • ファイルの先頭行へ移動:Ctrl + Home
    • ファイルの最終行へ移動:Ctrl + End
    • 指定行へ移動:Ctrl + g
  • 列の移動系
    • 行の先頭へ移動:Home
    • 行の最後へ移動:End
  • その他
    • 対応する括弧にジャンプ:Ctrl + Shift +
    • 最後の編集位置へ移動:Ctrl + k (連続して) Ctrl + q

では、順に補足しながら少し説明しますね。

行・画面の 移動 & スクロール系

まずは、行・画面の 移動 & スクロール系のショートカットをどうぞ。

スクロール系は覚えるとかなり使えそうです。

下へ移動する

PgDn で、1画面分、下へ移動します。

下へスクロールする

下へスクロール、つまりカーソル位置はそのままで、画面だけを下へ移動する方法を2つご紹介します。

Alt + PgDn で、1画面分、下へスクロールします。『う~ん、カーソルは移動しないで、すこし下を確認したいんだけど…』ってときに便利です。戻るには、Alt + PgUp します。

Ctrl + で、1行分、下へスクロールします。カーソルは移動しないで、画面下にわずかに見えているところを確認したいときに便利です。で戻るには、Ctrl + します。

上へ移動する

PgUp で、1画面分、上へ移動します。

上へスクロールする

上へスクロール、つまりカーソル位置はそのままで、画面だけを上へ移動する方法を2つご紹介します。

Alt + PgUp で、1画面分、上へスクロールします。戻るには、Alt + PgDn します。

Ctrl + で、1行分、上へスクロールします。戻るには、Ctrl + します。

ファイルの先頭行へ移動する

Ctrl + Home で、ファイルの先頭行へ移動します。

ファイルの最終行へ移動する

Ctrl + End で、ファイルの最終行へ移動します。

指定行へ移動する

Ctrl + g で、指定行へ移動します。

手順は以下の通りです。

  1. Ctrl + g を入力し、
  2. 移動したい行番号を入力し、Enter

ちなみに、上記手順2 で、移動したい行番号を入力後、Enter を押さなければ、スクロールするだけです。その場合、Esc で元に戻ります。

列の移動系

つぎに、列の移動系のショートカットをどうぞ!

いつもカーソルでチビチビ動かしている状態から、ステップアップ!

行の先頭へ移動

Home で、行の先頭へ移動します。インデントしている行の場合は、Home を押すごとに、以下を繰り返します。

  1. 文字列の先頭に移動
  2. 行頭に移動

ちなみに折り返し表示をしていて、カーソルが物理行の2行目にある場合は、Home を押すと、物理行の先頭に移動してから、上記の動きを繰り返します。

行の最後へ移動

End で、行の最後へ移動します。折り返し表示をしていて、カーソルが物理行の2行目にある場合は、End を押すと、以下のようになります。

  1. 論理行の行末へ移動
  2. 物理行の行末へ移動

その他

知っておくととっても便利なショートカットです。

対応する括弧へジャンプ

Ctrl + Shift + で、対応するカッコへジャンプします。カッコは、<> や {} などです。htmlでもcssでもJavaScriptでも使えます。

最後の編集位置へ移動

Ctrl + k (連続して) Ctrl + q で、最後の編集位置へ移動します。カーソルを見失って、誤って編集したときに便利です。

以上です。

コメント

タイトルとURLをコピーしました