Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
30
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

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

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

  • 個人的にはコレが一番うれしい機能。今までは別アプリを併用してやっていたけど面倒だったので、これは便利!
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
30
Help us understand the problem. What are the problem?