Visual Studio Codeで見やすいテーマファイルのまとめ
Post on:2021年6月3日
Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Visual Studio Codeのテーマを紹介します。
ダーク系が好きな人も、ライト系が好きな人も、そしてクリーム系やMaterialカラーのテーマなど、いろいろ揃っています。
![Visual Studio Codeで見やすいテーマファイルのまとめ](http://coliss.com/wp-content/uploads-202103/2021-vscode-01.png)
VSCodeThemes
VSCodeThemes -GitHub
VSCodeThemesでは、Visual Studio Codeのさまざまなテーマがまとめられています。
Visual Studio Codeで使いやすいテーマファイル
まずは制作者に人気が高い、暗い色を使用したダーク系のテーマ。
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-02.png)
目に優しい、明るい色のライト系のテーマ。
![Visual Studio Codeのライト系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-03.png)
ダーク系・ライト系のテーマから、特に人気が高いVisual Studio Codeのテーマをピックアップします。
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-20.png)
![Visual Studio Codeのライト系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-21.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-22.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-23.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-08.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-09.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-10.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-11.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-12.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-13.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-14.png)
![Visual Studio Codeのダーク系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-15.png)
![Visual Studio Codeのライト系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-16.png)
![Visual Studio Codeのライト系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-17.png)
![Visual Studio Codeのライト系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-18.png)
![Visual Studio Codeのライト系テーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-19.png)
Visual Studio Codeで人気が高いテーマは他にもたくさんあります。
![Visual Studio Codeの人気が高いテーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-04.png)
Visual Studio Codeのテーマのインストールと変更方法
Visual Studio Codeのテーマファイルを変更するのは、簡単です。
テーマファイルは、それぞれのページからダウンロードできます。
![Solarized Light](http://coliss.com/wp-content/uploads-202103/2021-vscode-05.png)
「Open in VSCode」をクリックすると、Visual Studio Codeが開きます。
Visual Studio Codeが開くので、右下の「インストール」をクリックします。
![Visual Studio Codeのテーマのインストール](http://coliss.com/wp-content/uploads-202103/2021-vscode-06.png)
Visual Studio Codeで開いたところ
インストールが完了したら、Visual Studio Codeの「基本設定 - 配色(command+K command+T)」からテーマを選択します。
![Visual Studio Codeにインストールしたテーマ](http://coliss.com/wp-content/uploads-202103/2021-vscode-07.png)
テーマを変更
sponsors