コードが非常に見やすくて、使いやすい!Visual Studio Codeでお勧めのテーマファイル -Code Blue
Post on:2018年8月7日
目に優しいブルーの背景に、コードは明るいカラーで非常に見やすいVisual Studio Codeのテーマファイルを紹介します。一般的な言語はすべてサポートされており、HTML, CSS, JavaScriptをはじめ、Markdownも見やすいテーマです。

テーマをもっといろいろ見てみたい人には、先日の記事もお勧めします。
Visual Studio Codeのテーマ: Code Blue
各言語でどのように見えるかチェックしてみましょう。
画像は縮小していますが、コードが見やすいのが分かると思います。

HTML

JavaScript

SCSS

TypeScript

Python

Go

C#

Markdown

JSON

PHP
Code Blueのインストール、テーマの変更方法
Code Blueは無料で、下記ページからインストールできます。

Code Blue -Visual Studio Marketpalace
「Install」ボタンをクリックすると、Visual Studio Codeが起動し、Code Blueが表示されます。右下に「インストール」が表示されるので、クリックで完了です。

Visual Studio Code
テーマを変更するには、Visual Studio Codeの「基本設定 - 配色(command+K command+T)」からテーマを選択します。

テーマをCode Blueに変更
sponsors