【Visual Studio Code】良く使うショートカットまとめ

ツール紹介
スポンサーリンク

こんにちは朱夏です。

今回は、VSCodeで私がよく使っているショートカットキーをまとめてみました。

朱夏
朱夏

VSCodeのショートカットキーはたくさんあるけど、どんなものが便利なの?

 

 

今回は、コード編集中によく使うものを中心に紹介していきたいと思います。
というわけでやっていきましょう。

[もくじ]
コメントアウト
行移動
行複製
インデント操作
あとがき

コメントアウト

操作方法

Ctrl

特徴

選択した行をコメントアウトします。

メリット

  • 選択した行を一気にコメントアウト
  • 空の行をコメントした場合、コメント入力場所にカーソルが移動
  • HTML、CSS、JavaScriptそれぞれコメントアウト方法を自動で判別

 

デメリット

  • HTML内に書いたCSSやJavaScriptの場合、コメントアウトしない部分がある

 

行移動

操作方法

Alt + or

特徴

選択した行を上下に移動します。

メリット

  • 行の入れ替えが楽
  • 対象の行にカーソルが当たっていればよい
  • インデントの自動調整がある

 

デメリット

  • 閉じタグまでセットじゃないとインデントが崩れる
  • 改行は増えない

 

行複製

操作方法

Alt + Shift + or

特徴

選択した行を複製します。

メリット

  • 複製が2ステップで終わる
  • 対象の行にカーソルが当たっていればよい

 

デメリット

  • 特になし

 

インデント操作

操作方法

インデント増加:Tab
インデント減少:Shift + Tab

特徴

選択した行のインデントを一括で増加 or 現象します。

メリット

  • 選択行を一括操作可能

 

デメリット

  • 1行だけの場合、カーソルが当たっている部分からTabが入る

 

あとがき

というわけで、よく使うショートカットキーを紹介しました。
今回紹介したショートカットキーをまとめると以下です。

  • コメントアウト
  • 行移動
  • 行複製
  • インデント操作

 

この4つと、コード入力の予測変換を使えば、コード編集の時間は爆速で上がると思います。

今回は以上です。
次回もよろしくお願いします。

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