1.はじめに
はじめまして、未経験からエンジニア転職を目指しているごんです。
VSCodeを使い始めて、約2ヶ月が経ちました。
この2ヶ月の間に、
「こんなショートカットがあったのか!」
「もっと早く知りたかった(T_T)」
って思うことがあったので、
「VSCodeを使い始めたけど、ショートカット何から覚えようかな?」
って人は、ここで紹介するショートカットから覚えていけば楽になるんじゃないかなと思います!
それでは最低限覚えておきたいショートカット(Mac版)を10個ご紹介していきます。
2.ショートカット 10選
キー | 動作 | ◎ポイント |
---|---|---|
[⌘]+[X] | 行の切り取り | 未選択状態の行全体を切り取り |
[⌘]+[C] | 行のコピー | 未選択状態の行全体をコピー |
[⇧]+[⌥]+[↓] | カーソル行を下にコピー | 複数行を選択中はその行数分 |
[⌥]+[↓] | カーソル行を下に移動 | 複数行を選択中はその行数分 |
[⌘]+[⇧]+[K] | カーソル行を削除 | 行全体を削除(複数行を選択中は全ての行) |
[⌘]+[↩︎] | 現在のカーソル行の下に空行を追加 | カーソルは行頭に移動する |
[⌘]+[']'] | カーソル行のインデントを追加 | 複数行を選択中はその行数分 |
[⌘]+['['] | カーソル行のインデントを削除 | 複数行を選択中はその行数分 |
[⌘]+[F] | 検索ウィンドの表示 | |
[⌘]+[S] | ファイルを保存 |
(1) ⌘Command + 「X」
行の切り取りをしてくれます。
ポイントはいちいち行を全て選択しなくても、
カーソルさえ切り取りしたい行に合わせておけば、行全体を切り取ってくれます。
(2) ⌘Command + 「C」
行のコピーをしてくれます。
こちらもポイントはいちいち行を全て選択しなくても、
カーソルさえコピーしたい行に合わせておけば、行全体をコピーしてくれます。
(3) ⇧ Shift + ⌥ Option + 「↓」
カーソル行を下にコピーをしてくれます。
「行全体をコピー」⇒「改行」⇒「貼り付け」をこのショートカットで一発でしてくれるのでとても便利です。
一行のみでなく、複数行を選択するとその行数分コピーしてくれますのでよく使用しています。
また、「↓」の代わりに「↑」を入力すると上にコピーしてくれるので併せて覚えておきたいですね。
(4) ⌥ Option + 「↓」
カーソル行を下に移動してくれます。
「行全体を切り取り」⇒「貼り付け」をこのショートカットでしてくれるので便利です。
一行のみでなく、複数行を選択するとその行数分移動してくれますのでよく使用しています。
また、こちらも「↓」の代わりに「↑」を入力すると上に移動してくれるのでついでに覚えておきましょう。
(5) ⌥ Option + ⇧ Shift +「K」
カーソル行を削除してくれます。
カーソルがどの位置にいても、その行を削除してくれるので方向キーを押す手間が省けて助かっています。
僕がもっと早く知りたかったショートカットの一つですね。
(6) ⌘Command + ↩︎ Enter
現在のカーソル行の下に空行を追加してくれます。
カーソルがどの位置にいても、追加してくれるのでコードを一行追加しないといけないってときに助かっています。
また、カーソルが追加した空行に移動しているので、そのままコードが書きやすくなっていますよ。
(7) ⌘Command + 「' ] '」
カーソル行のインデントを追加してくれます。
一行のみでなく、複数行を選択するとその行数分インデントを追加してくれますので、インデントを揃える際に使用しています。
コードを見やすくする際に活躍してくれるショートカットです。
(8) ⌘Command + 「' [ '」
カーソル行のインデントを削除してくれます。
一行のみでなく、複数行を選択するとその行数分インデントを削除してくれますので、インデントを揃える際に使用しています。
(9) ⌘Command + 「F」
検索ウィンドを表示してくれて、そのまま検索文字が入力できるようにカーソルが検索ウィンドに移動してくれてます。
探したい文字を大量のコードから目視で確認するより、検索機能だと一瞬ですもんね。
(10) ⌘Command + 「S」
こちらはご存じの方も多いと思いますが、ファイルを保存してくれます。
3.最後に
最低限、これだけは覚えておきたいショートカットを10個紹介してきました。
ショートカットを使いこなして、効率的にコードを書いていきたいですね。
あと、ショートカットを当たり前のように使いこなしている人ってめっちゃカッコいい!!
私もそうなれるように日々ショートカットを使って慣れていきたいと思います(^^)
最後まで見ていただき、ありがとうございました(^O^)
4.参考記事
VSCodeのショートカットを調べる際に、こちらの記事より学ばさせていただきました。
ありがとうございました。
カンニング万歳!逆引きVS Codeチートシート