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

[Visual Studio Code](https://code.visualstudio.com) の バージョン 1.39（2019年9月分アップデート）がリリースされたので、[リリースノート](https://code.visualstudio.com/updates/v1_39)を眺めてみて気になった変更点をチェックしてみた。(以前のバージョンを眺めてみた時のやつはこちら。[1.38](https://qiita.com/12345/items/aa3ff4df4039548c059d) / [1.37](https://qiita.com/12345/items/1a26025a859a1f5df62d) / [1.36](https://qiita.com/12345/items/003390ab7580c484f7b7) / [1.35](https://qiita.com/12345/items/9bee36e6abe3087e8a72) / [1.33](https://qiita.com/12345/items/733dd8322b0aaeddee89) / [1.32](https://qiita.com/12345/items/80ebfc7a4fb2430430e1) / [1.31](https://qiita.com/12345/items/4ba59be50c6ee9407131) / [1.30](https://qiita.com/12345/items/853b30a4769d76e64d56) / [1.29](https://qiita.com/12345/items/6993dc21f310e1b5dd99) / [1.28](https://qiita.com/12345/items/b53d93fcb225abfc702d) / [1.27](https://qiita.com/12345/items/6a3967dd424b2be57104) / [1.26](https://qiita.com/12345/items/8ce4b6e045d50a6049ce) / [1.25](https://qiita.com/12345/items/e7b5b9954f5d721be2c8) / [1.24](https://qiita.com/12345/items/935770c6a3515ca80472) / [1.23](https://qiita.com/12345/items/627298550aab19f1d8a6) / [1.22](https://qiita.com/12345/items/8253a1eee38b6741905e) / [1.21](https://qiita.com/12345/items/71ce73c52cf2232fc10c) / [1.20](https://qiita.com/12345/items/1390c7cab11d968e7691) / [1.19](https://qiita.com/12345/items/a331c014a9d3fa9dac0e) / [1.18](https://qiita.com/12345/items/9b827138b5044ca82482) / [1.17](http://qiita.com/12345/items/28d83361341ce3ff3c9c) / [1.16](http://qiita.com/12345/items/5215293977dde2149c0f) / [1.15](http://qiita.com/12345/items/cebf4b4e9bfb2d2ef771))

# ソース管理ビューでツリー表示が可能に
https://code.visualstudio.com/updates/v1_39#_updated-source-control-view

ソース管理ビューでの変更ファイルの表示が、今までのリスト形式に加えツリー形式でも表示できるようになった。ボタン（横線３本のアイコン）で切り替えられる。

ツリー形式|リスト形式
---|---
![source_control_view.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/181011/0a315258-13ca-082f-760e-f7487c88461d.png)|![source_control_view_old.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/181011/c7061bac-718a-b1a9-6437-ea85357ba64f.png)

これにより、変更ファイルが複数でフォルダを跨っていた場合に見やすくなったり、フォルダ配下のファイルに対して一括でgit操作を行うことができる。

また、設定`scm.defaultViewMode`によってデフォルトの表示形式をどちらにするかを設定できる。

# URLクリック時の動作の機能改善
https://code.visualstudio.com/updates/v1_39#_improved-trusted-domains-setting

前回のリリースで、エディタ上のURLをクリックした際に確認ダイアログが表示される機能が追加されたが、これの付随機能のUIが変更になった。

従来の動作のようにURLをクリックした時にダイアログを表示せずに直接リンク先が開くようにしたい場合、そのURLを**信頼されたドメイン**として登録することで可能になる。また、一度登録したドメインを登録から外したり、すべてのリンクにその設定を適用させることもできる。
前回のリリース版では、これらの設定操作をチェックボックスのリストで行うUIになっていた。
![link_dialog_old.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/181011/3b3ac08a-85a4-5f50-0c97-791a8887d130.png)
今回のリリースでは、以下のような4つのメニューに変更になり、すでに登録済みのドメインの管理についてはメニューの**信頼されたドメインの管理**を選択するとjsonエディタが開きエディタ上で編集するようになった。
![link_dialog.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/181011/f09ca50a-1ac5-3878-5e69-ca13e27b3f8e.png)
確かに、管理するドメインの数が多い場合はこちらのほうが管理しやすそう。

# Windows版のUI日本語フォントの変更
https://code.visualstudio.com/updates/v1_39#_updated-japanese-ui-font-on-windows

Windows版VS CodeのUIで使われている日本語フォントが、**メイリオ**から**游ゴシックUI**および**メイリオUI**に変更になった。
水平方向のスペースの節約のため、とのこと。
![font1.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/181011/1f5eb61e-deb0-856b-a858-7e3687c16c4c.png)
![font1.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/181011/462e49a5-4b5c-ca52-0f55-904a78fc12ae.png)
上がv1.39で下がv1.38。確かに全体的にシュッとスリムになった。

# トグルで折りたたむショートカットキー
https://code.visualstudio.com/updates/v1_39#_toggle-folding

折りたたみ/展開をトグル操作で行うコマンドおよびショートカットキーが追加された。
コマンド名は**折りたたみの切り替え(Toggle Fold)**、ショートカットキーは`Ctrl`+`K` `Ctrl`+`L`。
![toggle_fold.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/181011/b0d9976d-e464-a5d0-146b-30f62ea6ccfe.gif)
ありそうでなかったやつ。

# 任意のディレクトリでターミナルを開くコマンド
https://code.visualstudio.com/updates/v1_39#_open-new-terminals-with-custom-working-directories

任意のディレクトリでターミナルを開くコマンドが追加された。
例えば以下のようなショートカットキーを定義すると、現在開いているエディタのディレクトリでターミナルが開く。
`cwd`にはディレクトリパスまたは変数を記述する。

```json:keybindings.json
    {
        "key": "ctrl+alt+t",
        "command": "workbench.action.terminal.newWithCwd",
        "args": {
            "cwd": "${fileDirname}"
        }
    }
```

# CSSプロパティのコード補完でセミコロンの自動付加
https://code.visualstudio.com/updates/v1_39#_css-property-completion-with-semicolon

CSSプロパティのコード補完で行末のセミコロンが自動挿入されるようになった。
![css_with_semicolon.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/181011/dcc1bc19-2518-d81a-2c7d-38a1ab5bce25.gif)
確定後、カーソルの位置はセミコロンの手前にあるが、`Enter`ではなく`Ctrl`+`Enter`を押すことで次の行へカーソルを移動させることができる。
この動作のON/OFFは以下の設定項目で制御できる。
`css.completion.completePropertyWithSemicolon`
`scss.completion.completePropertyWithSemicolon`
`less.completion.completePropertyWithSemicolon`

# Markdownのリンク表示方法
https://code.visualstudio.com/updates/v1_39#_markdownlinksopenlocation

Markdownファイル内のリンクを`Ctrl`+クリックで開く時の挙動を指定する設定が追加された。
`markdown.links.openLocation`
`currentGroup`：同一エディタグループ内に開く。
`beside`：別エディタグループで開く。