【VSCode】 「行」をブックマークして移動(ジャンプ)する方法

この記事は約2分で読めます。
記事内に広告が含まれています

イメージ

こんにちは、さち です。

あけましておめでとうございます。2025年最初のブログ更新です。今年もよろしくお願いします。

普段、ウェブサイトを作るときは「Visual Studio Code(以下:VSCode)」を使っています。動作が軽く色々な機能も追加できるのに、無料で利用できる最強のコードエディターアプリです。

今回は、この VSCode で「」をブックマークして、いつでも移動ジャンプ)して戻ってこれるようにする方法について書いていきます。

スポンサーリンク

拡張機能のインストール

  1. アクティビティバーにある「拡張機能Ctrl + Shift + X キー)」を開きます。
    拡張機能
  2. bookmarks と入力。下記の画像と同じものを「インストール」します。
    拡張機能の画面

使い方

ブックマークを「追加」

  1. ブックマークしたい「行番号」にカーソルを合わせて「右クリック」→「Add Bookmarkと進みます。(Ctrl + Alt + K キーでも同様の操作が可能)
    エディターの画面
  2. 「行番号」の横に「(ブックマーク)」のアイコンが付けばOK。
    エディターの画面
「Add Labeled Bookmark」を選んだ場合、ブックマークに「ラベル(名前)」を付けられます

ブックマークに「移動」

  1. 他の行に移動した状態です。ブックマークした「行番号」に移動してみましょう。
    エディターの画面
  2. アクティビティバーにある「(ブックマーク)」のアイコンをクリック。
    アクティビティバーの画面
  3. サイドバーに「ブックマーク」の一覧が表示されるので、移動したい「行」を選んでクリックします。
    ブックマークの画面
  4. ブックマークした「行」に移動できました。
    エディターの画面

ショートカットキー

前述の機能には「ショートカットキー」もあります。キーボードから手を離さずに済むので、ぜひ活用しましょう。

機能 ショートカットキー
ブックマークの追加/解除 Ctrl + Alt + K キー
前/次のブックマークに移動 Ctrl + Alt + J / L キー

コメント

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