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

[Visual Studio Code](https://code.visualstudio.com) の バージョン 1.29（2018年10月分アップデート）がリリースされたので、[リリースノート](https://code.visualstudio.com/updates/v1_29)を眺めてみて気になった変更点をチェックしてみた。(以前のバージョンを眺めてみた時のやつはこちら。[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_29#_multiline-search
エディタ内検索ではできていた複数行検索が検索ビューでもできるようになった。検索条件に`\n`を含む正規表現検索を行うと複数行検索となる。検索結果として一致した先頭行および一致した行数が表示される。
![multiline_search.PNG](https://qiita-image-store.s3.amazonaws.com/0/181011/d5589348-c0e7-cfd8-4307-4e08d9193b37.png)

# 検索ビューでの行番号表示
https://code.visualstudio.com/updates/v1_29#_show-line-numbers-in-search
新しい設定`Search: Show Line Numbers`を有効にすると、検索ビューでの検索結果に行番号を表示してくれるようになった。
![line_number.gif](https://qiita-image-store.s3.amazonaws.com/0/181011/c8b3de5f-48ed-0e68-3af0-ea7fa9575080.gif)

# 未保存エディタのタブハイライト
https://code.visualstudio.com/updates/v1_29#_highlight-modified-tabs
新しい設定`Workbench > Editor: Highlight Modified Tabs`をオンにすると、未保存のエディタのタブの上部に色線が付き、エディタが未保存かどうかを判別しやすくなった。
![highlight_tab.gif](https://qiita-image-store.s3.amazonaws.com/0/181011/5713f58c-1036-0cc7-0df5-18d12008aff8.gif)

# 階層リンクのシンボルのソート順指定
https://code.visualstudio.com/updates/v1_29#_symbol-order-in-breadcrumbs
階層リンクのアウトラインビューでシンボルが表示できる場合に、シンボルのソート順を指定できるようになった。
設定`Breadcrumbs: Symbol Sort Order`で以下の選択肢の中から指定できる。

- `position` : ファイル内の位置順
- `name` : 名前順
- `type` : 型順
![breadcrumbs_order.gif](https://qiita-image-store.s3.amazonaws.com/0/181011/2eac7621-6d4c-d929-9457-592a0cc42ea8.gif)


# 階層リンクからエディタでファイルを開く
https://code.visualstudio.com/updates/v1_29#_breadcrumbs-and-preview-editors
階層リンクのアウトラインビューのファイルをクリックすると通常はプレビューモードでファイルが開くが、マウス中央ボタンで開くとエディタでオープンされるようになった。
なお、エクスプローラーからファイルをマウス中央ボタンでクリックしても同じ動作となる。

# サイドバービュー・パネル移動コマンドの追加
https://code.visualstudio.com/updates/v1_29#_workbench-navigation-commands
サイドバービューやパネルを切り替えるコマンドが追加された。

- `workbench.action.nextSideBarView` : 次のサイドバービューへ移動
- `workbench.action.previousSideBarView` : 前のサイドバービューへ移動
- `workbench.action.nextPanelView` : 次のパネルへ移動
- `workbench.action.previousPanelView` : 前のパネルへ移動

が、ショートカットキーは定義されていないので、キー操作で使いたい場合は各自で登録する必要がある。
コンテストキーとして`sideBarFocus`と`panelFocus`も追加されたので、前へ移動／次へ移動で同じキー定義で使い分けることも可能（コンテクストキーを使用する場合は`keybindings.json`を使用する必要がある）。
![new_commands.PNG](https://qiita-image-store.s3.amazonaws.com/0/181011/7abf5bf4-2976-15c5-c58e-3bcae21519fb.png)
ちなみに[リリースノートに書かれている例](https://code.visualstudio.com/updates/v1_29#_workbench-navigation-commands)では、エディタのタブ移動も同じキー定義にしてしまって、前へ/次へのキー操作をさらに統一させている（ゆくゆくは正式なキーバインドもそうなっていくのか？）。

# ターミナルで行クリアのキー定義追加
https://code.visualstudio.com/updates/v1_29#_cmdbackspace-to-delete-to-the-start-of-the-line
macOSで`Cmd+backspace`のキー操作がターミナルで有効になり、bashの場合はカーソル位置から行の始めまでが削除され、zshの場合は行全体が削除できるようになった。と書かれていたのでWindowsのgit-bashでも試してみたら`Ctrl+BS`でクリアできた。

# markdownスニペットの改善
https://code.visualstudio.com/updates/v1_29#_markdown-snippet-improvements
標準のmarkdownスニペットのうち、リンクを挿入する`Insert link`（prefixは`link`）と画像を挿入する`Insert image`（prefixは`image`）について、大括弧の中身に`$TM_SELECTED_TEXT`が使用されるように変更された。これにより、テキストを選択した状態でこれらのスニペットを呼び出すと、選択されたテキストが大括弧の内側に置き換わるようになる。
![md_snippet.gif](https://qiita-image-store.s3.amazonaws.com/0/181011/c78d4f65-e819-d5a2-84a4-9bd468c3480f.gif)
また、[リリースノート](https://code.visualstudio.com/updates/v1_29#_markdown-snippet-improvements)ではこれらのスニペットをキーバインドさせてさらに便利に使えるような使い方が紹介されている。
![md_snippet_2.gif](https://qiita-image-store.s3.amazonaws.com/0/181011/a9dfca69-e303-15b2-70f4-81961584c4f6.gif)

# CSSの詳細度のホバー表示
https://code.visualstudio.com/updates/v1_29#_css-specificity-in-hover-message
スタイル定義にマウスカーソルを当てるとそのスタイルの[詳細度](https://developer.mozilla.org/ja/docs/Web/CSS/Specificity)がホバー表示されるようになった。CSSファイルだけでなく、HTMLファイルの`<Style>`定義内でも表示される。
![secificity.gif](https://qiita-image-store.s3.amazonaws.com/0/181011/2d4074c1-96b1-0ea6-c1be-cbe8a0adfb14.gif)
コレ結構便利じゃない？