気ままに気ままのエンジニアブログ

定期的に得た知見を気ままに発信中

【勉強会振り返り】VSCodeのコマンドテクニック

こんにちは。

もっぱら冬好きな私でしたが、歳を重ねるごとに夏の素晴らしさを感じてます。

どうもハチマキです。

はじめに

先日の勉強会で普段使っているVSCodeのテクニック共有会に参加してきました。
効率化を行う良いコマンド達の知見を得たので、改めて調べてみたので多少のアウトプットをしてみます。

勉強会でのゴールは、前より効率化できることでありプラグイン拡張機能)というよりは、
コマンドを中心としたテクニックという感じでした。

では、早速行きましょう。

本日の概要 : VSCodeのコマンドテクニック

  • コマンドパレッド
  • ショートカット設定
  • 画面分割
  • Zenモード
  • ファイルの開き方
  • カーソル操作
  • テキスト編集

コマンドパレッド

  • Ctrl + Shift + P
    • コマンドパレットを開く(各種アクションが全てこのコマンドから検索・実行が可能になる)

ショートカット設定

  • Ctrl + Shift + P
    • 「keyboard Shortcuts」を検索しショートカットキーを自由に設定可能

f:id:hachimaki37:20200810105226p:plain

画面分割

  • Ctrl + Shift + P(コマンドパレッド)でSplit Editor Right
    • キーボードだけで右分割に画面が分割される
  • option + ファイルクリック
    • 右分割に画面が分割される

Zen モード

  • cmd + k, z
    • 全画面のモードになる

ファイルの開き方

  • cmd + p
    • 開きたいファイルを検索することが可能
  • cmd + shift + e
    • エクスプローラーとエディタのフォーカスを移動する(フォーカスが当たっている状態で、キー入力するとヒットしたファイルがハイライトされる)
  • cmd + k, e
    • 開いているエクスプローラーにフォーカスされ、ファイルクリックすると参照できる
  • cmd + shift + f
    • 検索画面へのショートキー(ディレクトリ内等の検索条件を絞りたいときは、...から条件を絞ることが可能)

カーソル操作

  • option + →←
    • 左右の単語へ移動
  • ctrl + g
    • 指定行にカーソル移動
  • cmd + option + ↑↓
    • マルチカーソルを上下に追加

テキスト編集

  • cmd + d
    • 同じ単語を一括編集できる (そのまま連続でcmd + dを実行すると、同じ単語が複数選択される)
  • option ↑↓
    • 行の移動
  • Ctrl + Shift + L
    • 同じ単語を全選択する

まとめ

作業効率を上げていくためには、微々たることを少しづつ効率化していく必要があるなと感じました。
まずはVSCodeを自分色にカスタマイズしていくことから初めていきます。