Fresh Paint - VS Codeを新しい見た目に

2017年6月20日 Wade Anderson, @waderyan_

見栄えの良いエディターは、どんなフルタイム開発者にとっても必要不可欠です。私たちはエディターで多くの時間を過ごすため、常に新鮮で面白い状態を保ちたいものです！

Visual Studio Codeは、多くのカスタマイズ、特に環境の外観をサポートしています。このブログでは、コードエディターの見た目と操作感を変更するためのカラーテーマ、ファイルアイコンテーマ、その他の設定について見ていきます。

カラーテーマ

強力なカスタマイズの一つが、カラーテーマを変更する機能です。カラーテーマとは、エディターの背景、テキスト、言語構文などの色セットのことです。VS Codeにはいくつかの組み込みテーマが付属しており、Marketplaceから数百ものテーマをインストールできます。

VS Codeチームが使用しているお気に入りのテーマには、以下に示すSapphire、Nord、Ayuがあります。

Sapphireテーマ

マーケットプレイス - Sapphire Theme

著者 - Daniel Imms

Nord

マーケットプレイス - Nord

著者 - arcticicestudio

Ayu

マーケットプレイス - Ayu

著者 - teabyii

ファイルアイコンテーマ

ファイルアイコンテーマを使用すると、カラフルなアイコンでエクスプローラーやタブ内のファイルタイプを素早く確認できます。VSCode Great Iconsでサポートされているアイコンのスクリーンショットを次に示します。

カラーテーマと同様に、Marketplaceには多くの人気のあるファイルアイコンテーマがあります。

合字

VS Codeを魅力的に見せるために微調整できる設定はたくさんあります。私のお気に入りの1つは合字（フォントリガチャ）で、2つの文字が1つの表現豊かな文字に結合されます。"editor.fontLigatures"をtrueに設定することで、合字を有効にできます。Fira Codeなど、合字をサポートするフォントがインストールされている必要があります。

Wade Anderson, VS Codeチームメンバー @waderyan_