126
98

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VScodeで使える便利ワザ

Last updated at Posted at 2020-07-28

はじめに

VScodeで僕が普段使っている便利なワザを紹介します。
(macでの使い方になります)

特段難しいことはなく量も限られてるので、まずはこれをマスターすればかなり効率的に書けるようになるかと思います。

初学者向けなのでそんな「基本的なこと…」というコメントはなしでお願いします笑
初学者用とはいえ、コピー&ペーストのショートカットはここでは説明しません。

コメントアウト

command + /でできます。
カーソル位置の行もしくは選択範囲の行全部がコメントアウトされます。
431bdc9bc866798dce132b4c74c9e6bd.gif

同じ文字を同時に編集(マルチカーソル)

複数の文字を選択して同時に編集できます。下のようなイメージです。
825bcd8adef9454be0f65bc4e099707a.gif

選択の仕方がいろいろあるので代表的なもの(よく使うもの)を紹介します。

command + shift + Lで同じ文字を全て選択
9bc19496151792254c4af5b5ffd2cef8.gif

command + Dで同じ文字をカーソル位置から順に選択
5a216153034d55a809f6f900ac566cac.gif

option + ドラッグで好きな範囲を選択
a644b197055d2bee5a81e2843e06fbdf.gif

単語、行、全体を簡単に選択

■ ダブルクリックで単語を選択
7d37449471e425550c2f45ae88b718a3.gif

■ トリプルクリックで行全体を選択
cbd9dfa8fc8714a237cb5e6b3682780b.gif

1行分コピーしたい場合は、選択したい行にカーソルがある状態で(選択はしない)command + Cでコピーすれば1行分コピーされます

■ クアドラプルクリック(4回クリック)で全体を選択
fa4e2c8ae079c2e94b8790d739d525ae.gif

これに関してはcommand + Aを使った方が

カーソル位置から左を1行分全削除

これはVScodeじゃなくてもできます。(ブラウザ上の検索ボックスやテキストボックスなどどこでも)
command + deleteで左側が1行消えてくれます。
20377ab6ad33e6628ec2a0309a3a2f0e.gif

ちなみにcommand + Kで右側が1行消えてくれます。

行を入れ替え

option + 矢印キーで行をまるまる移動できます。
c6e9282624fcf1e00425c094396526bc.gif

あとからクォーテーションをつける

クォーテーションをつけたい文字列を選択してshift + 2(or 7)を入力するだけです。
02095e5eac175667685db71c36d33e50.gif

検索

command + Pでファイルを検索して、開くことができます
ed503bd4fb0bed82cf9f2f5ec365fe71.gif

最後に

ほかにも「このワザ知らないの?」というものがあればコメントでお願いします。

126
98
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
126
98

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?