【VSCode】テーマやフォントの設定

VSCodeのテーマやフォントの設定方法を解説します。

テーマの設定方法

VSCode（Visual Studio Code）のテーマやフォントの設定手順は以下のとおりです。

① ショートカットCtrl + Shift + Pでコマンドパレットを開きます。
※Macは「Cmd + Shift + P」

②「Color Theme」と入力し、「Preferences: Color Theme」を選択します。

③ 一覧から好みのテーマを選ぶと、即座に反映されます。

【テーマを追加したい場合】
拡張機能（Extensions）から「theme」で検索し、インストールできます。
例：One Dark Pro、Dracula Official、Tokyo Nightなど。

① ショートカットCtrl +で設定画面を開きます。
※Macは「Cmd +」

② 検索バーに「font」と入力し、以下の項目を設定します。

Editor: Font Family：使用するフォント名（例：'Fira Code', 'Source Han Code JP', monospace）
Editor: Font Size：フォントサイズ（例：14）
Editor: Font Ligatures：合字（ligature）を使うかどうか（例：true）

③ 設定画面右上の {} アイコンをクリックして settings.json を開き、以下のように記述して変更する方法もあります。

   "editor.fontFamily": "'Fira Code', 'Source Han Code JP', monospace",
   "editor.fontSize": 14,
   "editor.fontLigatures": true