コードが非常に見やすくて、使いやすい!Visual Studio Codeでお勧めのテーマファイル -Code Blue
Post on:2018年8月7日
目に優しいブルーの背景に、コードは明るいカラーで非常に見やすいVisual Studio Codeのテーマファイルを紹介します。一般的な言語はすべてサポートされており、HTML, CSS, JavaScriptをはじめ、Markdownも見やすいテーマです。
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080701-01.png)
テーマをもっといろいろ見てみたい人には、先日の記事もお勧めします。
Visual Studio Codeのテーマ: Code Blue
各言語でどのように見えるかチェックしてみましょう。
画像は縮小していますが、コードが見やすいのが分かると思います。
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-01.png)
HTML
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-02.png)
JavaScript
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-03.png)
SCSS
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-04.png)
TypeScript
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-05.png)
Python
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-06.png)
Go
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-07.png)
C#
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-08.png)
Markdown
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-09.png)
JSON
![Visual Studio Codeのテーマ: Code Blue](http://coliss.com/wp-content/uploads-201803/2018080703-10.png)
PHP
Code Blueのインストール、テーマの変更方法
Code Blueは無料で、下記ページからインストールできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201803/2018080701-02.png)
Code Blue -Visual Studio Marketpalace
「Install」ボタンをクリックすると、Visual Studio Codeが起動し、Code Blueが表示されます。右下に「インストール」が表示されるので、クリックで完了です。
![Visual Studio Codeのキャプチャ](http://coliss.com/wp-content/uploads-201803/2018080702-01.png)
Visual Studio Code
テーマを変更するには、Visual Studio Codeの「基本設定 - 配色(command+K command+T)」からテーマを選択します。
![Visual Studio Codeのキャプチャ](http://coliss.com/wp-content/uploads-201803/2018080702-02.png)
テーマをCode Blueに変更
sponsors