BETA

俺的VS Code 便利ワザ選

投稿日:2020-06-17
最終更新:2020-08-10
  • 随時更新予定(場合によっては削除するかも...)
  • 諸事情で言語は英語にして使ってます

クイックフィックスのショートカット

フィックス可能な箇所にフォーカスしてからctrl + .
ちなみにクイックフィックスは以下のようなこともしてくれる。

  • typescriptの型の推論修正
  • 自動モジュールインポート
  • async関数への変換(可能なら)

シンボル(変数、class等)のリネーム(ショートカット)

VS Codeでは変数やらクラス一般を「シンボル」と呼称していて、これらは一括で変更できる。
シンボルにフォーカスを合わせてF2キーを押すと編集状態になるので変更後、Enter。

  • 予め、自動保存(auto save)を有効にした状態で行うと、影響するファイルが一括して変更・保存される
  • jsdocコメントの@paramなども対象になる
  • windowsエクスプローラーなどでも名前編集のショートカットはF2なので覚えやすい
  • 右クリックメニューでも可能

ファイル内のシンボル(変数・メソッド等)一覧を見る・検索する

shift + ctrl + o
そのままメソッド名などの検索ができる。
個人的にコマンドがやや覚えにくいのが難。

tsconfigの設定を即座に反映

shift + ctrl + pでコマンドパレット開く -> Typescript: Reload Projectを探して実行。
デフォルトショートカットキーはなさそう。

(おまけ)ウィンドウを閉じずにvs codeリロード

shift + ctrl + pでコマンドパレット開く -> reload windowを探して実行。
これでも上記のtsconfigの設定を反映させることが可能。上記コマンドを知らなかったときに使ってました。普通にこっちのほうが手間なので使う理由はないかも...。

現在フォーカスしているファイルの場所をファイルエクスプローラーで開く

2種類あります。

  • shift + ctrl + pでコマンドパレット開く -> Reveal in File Explorerを探して実行
  • shift + alt + rを2回押す
    • 一回だと メニューのRunが開いてしまう(誤爆する?)
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

Qiitaに書きづらいとき用です

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう