コードが非常に見やすくて、使いやすい!Visual Studio Codeでお勧めのテーマファイル -Code Blue

目に優しいブルーの背景に、コードは明るいカラーで非常に見やすいVisual Studio Codeのテーマファイルを紹介します。一般的な言語はすべてサポートされており、HTML, CSS, JavaScriptをはじめ、Markdownも見やすいテーマです。

Visual Studio Codeのテーマ: Code Blue

Code Blue
Code Blue -GitHub

テーマをもっといろいろ見てみたい人には、先日の記事もお勧めします。

Visual Studio Codeのテーマ: Code Blue

各言語でどのように見えるかチェックしてみましょう。
画像は縮小していますが、コードが見やすいのが分かると思います。

Visual Studio Codeのテーマ: Code Blue

HTML

Visual Studio Codeのテーマ: Code Blue

JavaScript

Visual Studio Codeのテーマ: Code Blue

SCSS

Visual Studio Codeのテーマ: Code Blue

TypeScript

Visual Studio Codeのテーマ: Code Blue

Python

Visual Studio Codeのテーマ: Code Blue

Go

Visual Studio Codeのテーマ: Code Blue

C#

Visual Studio Codeのテーマ: Code Blue

Markdown

Visual Studio Codeのテーマ: Code Blue

JSON

Visual Studio Codeのテーマ: Code Blue

PHP

Code Blueのインストール、テーマの変更方法

Code Blueは無料で、下記ページからインストールできます。

サイトのキャプチャ

Code Blue -Visual Studio Marketpalace

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

Visual Studio Codeのキャプチャ

Visual Studio Code

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

Visual Studio Codeのキャプチャ

テーマをCode Blueに変更

sponsors

top of page

©2018 coliss