はじめに
こちらがちゃんとしたチートシートです！
Visual Studio Code Tips and Tricks
こちらは逆引き的に「こういうことやりたいな → こちらをどうぞ」的な操作集です。
かつ、あまりに数が多すぎると大変なので、本当にしぼってよく使うものだけ。
Windows前提で書いてあります。
起動からファイルを開くまで
Visual Studio Codeを起動する
コマンドプロンプトで code または スタートメニューから 起動する。
ファイルを開く
エクスプローラーから右クリックして Open with Codeで開く。
フォルダを開く
ファイルメニューからワークスペースにフォルダを追加でどんどんフォルダを開くことができます。メモをとるにしてもコーディングするにしても任意のフォルダ配下の複数ファイルを操作したいと思うのでフォルダを開いておくと便利。
基本的なエディタ操作
普通に編集がしたい
カーソル上下左右で動いて……と一般的なエディタとほぼほぼ一緒です。
※ 少しだけ個人的に違和感があるのは Ctrl + 左右 のときに普通の日本語エディタだと 英数字漢字カナかな記号 などの区切りまでカーソルが飛びますが日本語はひとくくりになって一気にカーソルが飛びます。慣れました。
インデントを一気にいれたい
Shift + 上下 でインデントしたい複数行を選択。 選択おわったら Tab で一気に動きます。 Shift + Tab で一気に下がります。
タブで作られるインデントのスペース数は、エディタ右下の タブのサイズ:2 みたいなところから変更可能です。
いわゆるタブ(\t)ではなく、スペースで入るのでご安心ください。
複数行の同一個所を同じように変更したい
例えば以下のようなテキストで、
子いわく、「あああ」
子いわく、「いいい」
子いわく、「ううう」
:
いわく を一気に 曰く にしたい場合。 もちろん素直に置換する方法もありますが、影響範囲を限定的にするのにはこちらをおすすめ。
子 と いわく の間にカーソルをおいて Ctrl + Alt + 下 をおすとカーソルが下にのびます。 Ctrl + Alt を押したままで 下 を押すことでどんどんのびます。 上 をおすと縮みます。
縦3つ分くらいのカーソルができたところで、イメージこんな感じです。
子|いわく、「あああ」
子|いわく、「いいい」
子|いわく、「ううう」
:
Deleteを押して消すか、Shiftを押しながら いわく を選択するかしてから、曰く
を入力します。
よくある使い方としては、例えば、画像ファイルの位置が変わって特定のフォルダ配下になった時など。
<img src="a.jpg" alt="">
<img src="b.jpg" alt="">
<img src="c.jpg" alt="">
a.jpg の前にカーソルを移動して、下に拡張して、一気にフォルダ名をいれたりすることが可能です。
<img src="|a.jpg" alt="">
<img src="|b.jpg" alt="">
<img src="|c.jpg" alt="">
<img src="./images/a.jpg" alt="">
<img src="./images/b.jpg" alt="">
<img src="./images/c.jpg" alt="">
みたいな感じ。
終わったら Esc でマルチカーソルが解除されます。
文章で書くと難しいですが、やればわかります！！
複数に散らばった同じ単語を同じように変更したい ≒ 置換
その１では、文章のインデントが綺麗にそろってるときに使えますが、例えば以下のようなテキストでインデントがそろってない場合。
子いわく、「あああ」
子いわく、「いいい」
子いわく、「ううう」
:
いわく を選択します。するとエディタ上で いわく がすべて薄っすら色が変わったと思います。 その状態で Ctrl + F2 をおすとすべての個所にカーソルが出現します。
子|いわく、「あああ」
子|いわく、「いいい」
子|いわく、「ううう」
:
この複数カーソルの状態でいわく を普通に 曰く に書きかえればすべて書き換わります。
終わったら Esc でマルチカーソルが解除されます。
複数の同じ場所を同じように変更したい その３
特に規則性もない複数の個所を一気に編集したい。
わたしいわく、「子いわく『彼いわく』」
:
わたし の後をクリックしてカーソルを移動。 その後に 子 の後を Alt を押しながらクリック、さらに 彼 の後も Alt を押しながらクリック。 これでカーソルが3つになります。 他にも編集したい個所があったら Alt を押しながらクリックして追加することが可能、で、カーソルが増えたところで一気に編集。
終わったら Esc でマルチカーソルが解除されます。
今編集しているファイルをエクスプローラーで開きたい
左ペインのメニューから 右クリック で エクスプローラーで開く を選ぶ。
丁寧にファイルが選択された状態でエクスプローラーが開きます
ファイルを新規で作りたい
Ctrl + nのおなじみ(？)のショートカットで行けます。
そのまま Ctrl + s のおなじみ(？)のショートカットで保存できますし、ここでファイル名聞いてくるので適当な名前で保存してください。
ファイルの場所は今開いていたフォルダ配下がデフォルトです。
他にも便利な機能はやまほどあるけど...
Gitとの連携であったり、ターミナル連携であったり、具体的な作業によってはもっと色々便利機能ありますが、とりあえず会議のメモをとったり日常生活をする分にはこれくらい覚えておけば快適に生活できると思います。