Vscodes

新規ファイル作成時のヒント文 Visual Studio Codeで新規ファイルを作成するとヒント文が表示される。 ヒント文は入力すれば消える。 ヒント文を非表示にする 上記ヒント文を最初から非表示にするにはsettings.jsonへ以下のようにworkbench.editor.empty.hintの設定を追加する。

VSCodeの現在行のハイライト Visual Studio Codeのデフォルト設定ではカーソルのある行が以下のようにハイライトされる。 現在行のハイライトの方法を変更する VSCodeの設定ファイルsettings.jsonに以下のようにeditor.renderLineHighlightを設定に追加すると、現在行のハイライトの方法を変更できる。

同じファイル名が並ぶと見分けづらい 当サイトはHugoで生成しており、記事のファイル名はindex.mdになっている。 ファイル名index.mdが強調されていてフォルダ名はグレーになっているため、同じファイル名が並ぶと見分けづらい。

vscodevimのUndo/Redoで想定より多く戻る/進む Visual Studio Codeのvim拡張機能であるvscodevimを使用していると、uでUndo、Ctrl + rでRedoできる。 このUndo/Redoを実行すると複数回の操作分がまとめて戻ったり進んだりする場合がある。

サイドバーにAWSの部品を追加する Visual Studio Codeのdraw.io統合拡張でAWSの部品をサイドバーに追加できる。 まずサイドバーの+ More Shapesをクリックする。 ダイアログが表示されるのでAWS**を選択してApplyをクリックする。

Draw.ioで図が見づらいテーマ Visual Studio Codeのdraw.io統合拡張を使用しているとき、部品によっては色が決まっていてテーマによっては見づらい場合がある。 例えば以下の図。 AWS Cloudの枠が暗めの配色となっており、ダークテーマの場合は見づらい。

VSCodeの標準のエラー表示 VSCodeでコード上のエラーやワーニングは赤や黄色の下線で表示される。 マウスホバーで内容を確認できる。 VSCodeのエラーやワーニングの波線は控えめなので人によっては見落としてしまう可能性がある。

Visual Studio Codeはデフォルト設定ではUTF-8でファイルを開こうとする。 Shift-JISのファイルを開いて文字化けしたまう場合の対策方法。 文字コードの自動判定の設定 UIでの設定 基本設定でFiles: Auto Guess Encodingを探し、チェックを入れる。

作成者の確認画面 VS Code 1.57以降、VSCodeでフォルダを開いたときに、以下のようなメッセージが表示されるようになった。 信頼すれば通常通り編集やデバッグなどができるようになる。 信頼しない場合は編集やデバッグなどができなくなる。

オススメの拡張 VSCodeでファイルを開いたときに、そのファイルの拡張子に合わせてオススメの拡張を通知してくれる機能がある。 例えばC言語のファイルを開いたとき、VSCodeにC言語用の拡張がインストールされていなければ以下のようなメッセージが通知される。