Visual Studio Code Tips and Tricks 2019

Build 2019 の 「Visual Studio Code Tips and Tricks – now with… (join us to find out) – BRK3022」をまとめました。

F1キー

コマンドパレットが開きます。

image

Ctrl + B

押すたびに左側のサイドバーが表示されたり、閉じたりします。

image

Ctrl + ,

設定画面が表示されます。

image

設定:workbench.settings.editor

ui が下記画像のようなUIによる編集モード。

image

これをjsonに変更すると、次の画像のようにjsonモードに変わる。

image

また、右上のアイコンでも切り替えが可能です。{}をクリックするとjsonモードに切り替わります。

image

真ん中のアイコンを押すとUIモードに切り替わります。

image

設定:editor.renderWhitespace

image

これをboundaryに設定すると、空白が画面上で表示されるようになります。

設定:editor.multiCursorModifier

複数行選択モードへのショートカットキーを指定できます。下記のケースだと、Altキーを押しながら選択をすると複数行選択が可能です。

image

設定:editor.copyWithSyntaxHighlighting

コピーするときにハイライトも含めて、コピーして貼り付けることが可能になります。

image

画面分割:Altキーを押しながら

通常は縦に分割されるのですが、Altキーを押しながらアイコンを選択すると、横に分割するモードに変わります。

image

コマンド:Toggle Breadcrunmbs

image

画面上部にナビゲーターが表示されます。

image

エクステンション:Intellicode

image

Githubでよく使われているものが提案されます。下記のケースだと、「★」で表現されます。

image

JSX:!

htmlファイルで、「!」を入力するとスニペットが選べます。

image

選択するとテンプレートがかかれます。

image

div>ul>li*5

image

下記のように展開されます。

image

ターミナル:Ctrl+@

image

Terminal Renameで、ターミナル名を変更できます。

image

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください