38
30

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 5 years have passed since last update.

VS Code 1.31 の気になった変更点

Posted at

Visual Studio Code の バージョン 1.31(2019年1月分アップデート)がリリースされたので、リリースノートを眺めてみて気になった変更点をチェックしてみた。(以前のバージョンを眺めてみた時のやつはこちら。1.30 / 1.29 / 1.28 / 1.27 / 1.26 / 1.25 / 1.24 / 1.23 / 1.22 / 1.21 / 1.20 / 1.19 / 1.18 / 1.17 / 1.16 / 1.15)

拡張機能インストール後の再起動が不要に

  • 今までは拡張機能をインストールしたりアンインストールしたり無効にする度にVS Vodeを再起動する必要があったが、それが不要になった。
  • VS Code自体はそれほど重たくないから再起動の時間とかはそれほど気にならないが、再起動不要ならそれに越したことはない。スマート!

ツリービューの改善

https://code.visualstudio.com/updates/v1_31#_new-tree-widget
ファイルエクスプローラーなどで使用されているツリービューのウィジェットが改善された。

検索・フィルターモード

  • ツリービューにフォーカスがある状態で文字を入力すると検索モードになり、該当文字がハイライト表示される。さらに キーでハイライトされたファイルのフォーカス移動ができる。Escで解除。
  • また、右上に表示されている入力文字列をマウスオーバーして表示されるアイコンをクリックすると、フィルターモードのON/OFFが切り替えられ、ONの状態だと条件に合致するファイル名だけが表示される。この切り替えをキー操作で行いたい場合は、ショートカットの設定画面でlist.toggleFilterOnTypeコマンドに対してキーを設定する。
  • 新たに追加された設定はWorkbench > List: Keyboard Navigation
    • simple: ファイル名の先頭の文字列を検索する。Windowsのエクスプローラとかと同じ。
    • highlight: デフォルト値。検索文字列をハイライト表示する。
    • filter: 検索文字列のファイルのみを表示する。

filter.gif

全選択

  • また、Ctrl+Aを押すとファイルを全選択する機能が追加された。連続で押していくと親フォルダも選択対象になる。

インデント幅の調整

  • 設定Workbench > Tree: Indentを使うとツリービューのインデント幅をピクセル単位で変更できるようになった。デフォルト値は8で、0~20の範囲で変更できる。

水平スクロール機能の追加

  • 設定Workbench > Tree: Horizontal Scrollingを有効にすると、水平スクロールが使えるようになる。ただし設定変更時は再起動が必要。

「移動」メニューの改善

  • 移動メニューに項目が追加され、移動系のコマンドが集約された。
v1.30 v1.31
go_menu_old.jpg go_menu.jpg

コンテキストメニューに「切り取り」が追加

  • コンテキストメニューに「切り取り」が追加された。
  • 切り取られたファイルはファイル名がグレーになり、ESCキーで中断すると元の色に戻る。
  • ショートカットキーはもちろんCtrl+X

cut.gif

  • そういえば確かに今まで無かった。

アイコンダブルクリックでのアプリ終了操作

  • WindowsとLinux版においてタイトルバーのスタイルがcustom(デフォルト)の時に、VS Codeの左上にあるアイコンをダブルクリックすることでVS Codeを終了させることができる設定が追加された。
  • 設定window.doubleClickIconToCloseを有効にすると可能になる。デフォルトは無効になっている。無効の時のアイコンエリアはメニューバー以外のタイトルバーと同じ動作となり、ドラッグすればウィンドウを移動でき、ダブルクリックすればウィンドウを最大化させることができる。この機能を有効にするとウィンドウの最大化はもちろんできないがウィンドウ移動もできなくなる。

ウィンドウタイトル用変数の追加

  • ウィンドウタイトルをカスタマイズするための変数に新しい変数が追加された。
    • ${activeFolderShort}: 現在のフォルダ名
    • ${activeFolderMedium}: 相対パス付きフォルダ名
    • ${activeFolderLong}: 絶対パス付きフォルダ名
  • ウィンドウタイトルを変更したい場合は設定Window: Titleを変更する。

スクリーンキャストモードの追加

  • このモードを有効にすると、押したキーの内容(AltとかShiftとかも含め)が画面下部に表示されたり、マウスボタンが押されている間マウスカーソルを赤い丸で囲ってくれたりする。これにより、見た目では分からない操作を他の人に説明するの時に役に立つ。
  • 切り替えコマンド名はDeveloper: スクリーンキャストモードの切り替え。ちなみに英語名はリリースノートではDeveloper: Toggle Screencast Modeと書かれていたが実際にはなぜかDeveloper: Toggle Mouse Clicksだった。

screencast.gif

  • 個人的にはコレが一番うれしい機能。今までは別アプリを併用してやっていたけど面倒だったので、これは便利!
38
30
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
38
30

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?