SublimeTextというテキストエディタをご存知ですか?
無料で使える、使いやすく高機能、外観がおしゃれなどの良い点があり利用者も増えてきているエディタです。

今回はこちらのSublimeText3のインストール方法をご紹介します。

SublimeTextとは

SublimeTextは無料で使えるテキストエディターです。
動作も軽くて、機能拡張もでき、見た目もスタイリッシュです。
試用期限や機能を制限されるということはないので無料版でも充分です。
(ただ、購入を促すような表示が出ることがあります。)

こちらのサイトからダウンロードできます。
http://www.sublimetext.com/3

Package Controlのインストール

SublimeTextをインストールしたら、Package Controlをインストールすることが必要になります。Package Controlとは様々なプラグインをインストールすることができ、SublimeTextには必須のツールです。

インストールするにはこちらのページから
https://packagecontrol.io/installation#st3

赤色で囲ったテキスト部分をコピーします。

SublimeTextを開き、
[Ctrl]+[`] か [View] > [Show Console]で上の画像の画面を出します。

テキストボックスに先程コピーしたテキストをペーストしましょう。
Enterキーを押すとインストールが始まります。
SublimeTextを再起動をしてインストール完了です。

メニューの日本語化

[Ctrl]+[Shit]+[P] を押して検索ボックスを出します。
「install」と入力すると「Package Control: Install Package」が出てくるのでEnterキーを押します。

少し待つと、さらにフォームが表示されるので「japanize」と入力して出てきたプラグインをEnterキーを押します。
そうするとメニューが一部日本語化されます。

おすすめプラグイン

プラグインをインストールするには先程にも説明したPackage Controlが必要です。

[Ctrl]+[Shit]+[P] を押して検索ボックスを出します。
「install」と入力すると「Package Control: Install Package」が出てくるのでEnterキーを押します。
そこからインストールしたいプラグイン名を入力しましょう。

BracketHighlighter

https://packagecontrol.io/packages/BracketHighlighter

開始/終了タグの強調をしてくれます。視認性がよくなるのでタグの打ち間違いなども少なくなります。

HTML5

https://packagecontrol.io/packages/HTML5

HTML5のスニペット集、自動補完とハイライトをしてくれます。

ColorHighlighter

https://packagecontrol.io/packages/Color%20Highlighter

選択した色でハイライトされるので何色を使っているか見やすくなります。

View In Browser

https://packagecontrol.io/packages/View%20In%20Browser

[Ctr]+[Alt]+[v]を押すとブラウザが表示されてpreviewされます。

Emmet

https://packagecontrol.io/packages/Emmet

HTML、CSSのコーディングをショートハンドで入力できます。
CSSのコーディングを例にすると…

bg#f + [Tabキー]　= background: #fff;
m10-20 + [Tabキー] = margin: 10px 20px;
w50px + [Tabキー] = width: 50px;

まとめ

動作も軽く、スペックが低いパソコンでも使えるのでおすすめできます。
プラグインも豊富で自分の使いやすいテキストエディタにできるところがおすすめです。ぜひ導入を検討してみてください。