Vscodes

サイドバーに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言語用の拡張がインストールされていなければ以下のようなメッセージが通知される。

inlay hints VSCodeにJava拡張を入れると引数にリテラルを渡すときに引数名が表示される。 上記画像ではprintlnメソッドに"Hello, World"という文字列リテラルを渡しているので、 printlnメソッドの引数名であるxが表示されている。

VSCodeのJava拡張機能をインストールする 以下の手順でVSCodeのJava拡張機能をインストールする。 VSCodeを起動する Extension Pack for Javaを検索する インストールする Extension Pack for Javaは拡張のセットでVSCodeでのJava開発に必要な拡張を一括でインストールできる。 含まれる拡張は以下の通り。

拡張のインストール VSCodeでvimを使うためには、まずVSCodeの拡張機能である「Vim」をインストールする必要がある。 拡張機能をインストールするには、VSCodeを開いて、左側のメニューバーから「拡張機能」をクリックし、「Vim」を検索してインストールする。

diffを見る方法 VS Codeでdiffを見るには、次の手順に従う。 VS Codeで比較したい2つのファイルを開く 左側に表示されているファイルを右クリックし、「Select for Compare」（日本語の場合は「比較対象の選択」）を選択する