IDE

VSCodeで指定した行番号に素早く移動する方法【3パターン】

VSCodeで指定した行番号に素早く移動する方法【3パターン】

この記事ではVSCodeで指定した行に素早く移動する方法をまとめます。

VSCodeでの作業効率を上げたいと思っている方の参考になれば幸いです。

※キーボードはMacを想定しています

VSCodeで指定した行に素早く移動する方法

VSCodeで指定した行に移動するには、以下の3つの方法があります。

  • 対象ページに移動してから指定した行に飛ぶ
  • 指定したページの指定した行に直接飛ぶ
  • Vim拡張を入れて指定した行に飛ぶ

 

対象ページに移動してから指定した行に飛ぶ

一つ目は、対象ページに移動してから指定した行に飛ぶ方法です。

 

対象のページに移動したあとに、以下の操作を行えば指定した行に飛べます。

ctrl + g を押した後に行数を入力

 

実際にやってみましょう。

まずはctrl + gを押します。

ctrl + gを押す

 

すると、数字の入力欄が表示されるので、移動したい行の番号を入力します。

移動したい行の番号を入力する

 

そしてEnterを押すと指定した行に移動できます。

Enterを押して指定した行に移動

 

指定したページの指定した行に直接飛ぶ

二つ目は、指定したページの指定した行に直接飛ぶ方法です。

 

以下の操作を行うことで、直接指定したページの指定した行に飛ぶことができます。

command + p を押した後に「ファイル名:行数」を入力

 

実際にやってみましょう。

現在のファイル(docker-compose.yaml)から別のファイル(README.md)の指定した行に移動したい状況を想定します。

現在のファイル(docker-compose.yaml)から別のファイル(README.md)の指定した行に移動したい状況

 

この状況で、command + p を押した後に「Readme.md:4」を入力します。

command + p を押した後に「Readme.md:4」を入力

 

Enterを押すとREADME.mdの4行目に移動できます。

Enterを押すとREADME.mdの4行目に移動

 

ちなみに、ファイル名を入力する部分は、下に出てくる候補で対象のファイルが選択できていれば省略できます。

例えば以下の場合、「r:4」でも下の候補で対象のファイルが選択できているため、README.mdの4行目に移動できます。

「r:4」でもOK

 

Vim拡張を入れて指定した行に飛ぶ

三つ目は、Vim拡張を入れて指定した行に飛ぶ方法です。

 

VSCodeのVim拡張をインストールしたうえで以下の操作を行えば指定した行に移動できます。

/行数 を入力

 

実際にやってみましょう。

まずはVSCodeのVim拡張をインストールします。

VSCodeのVim拡張をインストール

 

インストールしたら対象のファイルに移動して、/4 を入力します。

すると、4行目に移動できます。

/4 を入力して4行目に移動

 

そもそもVimがよく分からない方は、以下の記事にVimの基礎についてまとめたのでぜひ読んでみてください!
Vimって何?プログラミング言語?テキストエディタ?【Vimの基礎】
Vimって何?プログラミング言語?テキストエディタ?【Vimの基礎を解説】CLIで操作できるテキストエディタ、「Vim」について、概要や基本的な使い方を初心者向けに解説します。...

 

VSCodeで指定した行に素早く移動する方法 まとめ

今回は、VSCodeで指定した行に素早く移動する方法を3つ紹介しました。

  • 対象ページに移動してから指定した行に飛ぶ
  • 指定したページの指定した行に直接飛ぶ
  • Vim拡張を入れて指定した行に飛ぶ

 

この記事がVSCodeでの作業効率を上げるうえで少しでも役に立っていれば幸いです。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA