Visual Studio Codeで見やすいテーマファイルのまとめ
Post on:2021年6月3日
Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Visual Studio Codeのテーマを紹介します。
ダーク系が好きな人も、ライト系が好きな人も、そしてクリーム系やMaterialカラーのテーマなど、いろいろ揃っています。

VSCodeThemes
VSCodeThemes -GitHub
VSCodeThemesでは、Visual Studio Codeのさまざまなテーマがまとめられています。
Visual Studio Codeで使いやすいテーマファイル
まずは制作者に人気が高い、暗い色を使用したダーク系のテーマ。

目に優しい、明るい色のライト系のテーマ。

ダーク系・ライト系のテーマから、特に人気が高いVisual Studio Codeのテーマをピックアップします。
















Visual Studio Codeで人気が高いテーマは他にもたくさんあります。

Visual Studio Codeのテーマのインストールと変更方法
Visual Studio Codeのテーマファイルを変更するのは、簡単です。
テーマファイルは、それぞれのページからダウンロードできます。

「Open in VSCode」をクリックすると、Visual Studio Codeが開きます。
Visual Studio Codeが開くので、右下の「インストール」をクリックします。

Visual Studio Codeで開いたところ
インストールが完了したら、Visual Studio Codeの「基本設定 - 配色(command+K command+T)」からテーマを選択します。

テーマを変更
sponsors