【SublimeText】テキストの背景色とコードの文字色を変えるシンタックス設定

SublimeText のインストール直後、デフォルトでのテキスト画面は
黒い背景に白文字のシンプルな状態です。

Sublime Text の特徴としては記述するコードを色分けできるシンタックス設定があることです。

シンタックス設定はコードのセレクタ・プロパティ・値などのグループごとに色分けされコード全体が見やすくなるのですがコードはプログラミングコードと選択したテーマによって変わります。

テーマ、カラースキーマは５種類ほどですが背景色を変えることもでき
Sublime Text を自分好みのイメージにカスタマイズできるといった感じです。

このシンタックス設定とカラースキーマの設定をしていきます。

Contents - 目次 -

Sublime Text

Sublime Text のインストールや日本語変換の作業が済んでいない方は
初めにこちらの記事を参考に各設定を行ってください。
テキストエディタ【 SublimeText 】のインストールのしかた
 SublimeText のエディタ画面表示を日本語に変換する方法

インストール直後のテキストはこんな感じである意味モノクロ感がカッコいいですが文字に色を付けることでコードが分かりやすくなります。

メニューバーから表示をクリックすると画面の表示に関する設定項目がずらっと表示されます!!

シンタックスにカーソルを合わせると、今度はプログラミング言語がずらっと表示されます。

たくさんのプログラミング言語の中から使用する言語を選択します。

今回選択した CSS はWebサイトのカスタマイズなどに使用する言語です。

CSSでは細かくコードが色分けされていて初心者にはとても分かりやすい表示になりました。

カラースキーマの設定はメニューバーから基本設定の項目のカラースキーマを選択します。
テキストのテーマデザインは「Breakers」「Celeste」「Mariana」「Monokai」「Sixteen」の5種類です。

シンタックスで CSSを選択した状態でカラースキーマのテーマは " Monokai " になっています。

他のデザインはこんな感じです。

セレクタやプロパティごとに細かく色分けされているのは Monokai と Sixteen ですね。
初心者向けとしてはこのどちらかが見やすいのではないでしょうか？

Posted by 45