読者です 読者をやめる 読者になる 読者になる

CaramelTrip

家族で海外を旅するフリーランス・プログラマーのログ

Macでエディターこれで決まり?AtomでMonokaiとFile-iconを設定しましょう

f:id:parsetree:20170216175449j:plain


今回は、私が使っているAtomの初期設定をご紹介します。

主にRubyOnRailsとPHPでプログラムを組む時に使用しています。

Atom

AtomはGitHubが作ったエディタの事です。

sublimeに比べるとかなり重いですが、非常に人気のテキストエディターです。

OSX,Windows,Linuxで使用できます!

環境が変わってもエディターは変えたくないですからね。

最高です。

atom.io


では起動方法と、簡単にできる初期設定をご紹介します。


Atomの起動

Atomのアイコンダブルクリックで起動するんですが、ターミナルから起動させる事もできます。

ターミナルで、プロジェクトのディレクトリに移動して下さい。

以下のコマンドで、今いるディレクトリを開いた状態のAtomが起動します。

$ atom .


テーマ

Atomでは「UI Theme」「Syntax Theme」の2つのテーマを設定することができます。

  • UI Theme: メニューや設定画面など編集画面以外に適用されるテーマ

  • Syntax Theme: 編集画面に適用されるテーマ

メインメニューから「preferences > Theme」を開いて下さい。

デフォルトはこんな感じです。

f:id:parsetree:20170216175606j:plain


テーマをインストールする

今回は[Syntax Theme]monokaiにしたいと思います。

f:id:parsetree:20170216175944j:plain


f:id:parsetree:20170216175636j:plain


① テーマのインストールはメインメニューから「preferences > install」を開いて下さい。

「Theme」を選択して下さい

「monokai」を検索します。

④ 検索結果が表示されます。今回は一番上の[monokai]をインストールしたいと思いますので[install]ボタンでインストールして下さい。


インストールが終了したら、メインメニューから「preferences > Theme」を開いて下さい。

f:id:parsetree:20170216175657j:plain


[monokai]が追加されていますので、設定し下さい。

オススメのプラグイン

私の一押しのプラグインは「file-icons」です。

このプラグインが欲しくてsublimeから乗り換えました(笑)

これは、ツリー表示されているファイルアイコンをカッコイイアイコンに変更してくれるプラグインです。

以下は、デフォルトのツリーです。普通ですね。

f:id:parsetree:20170216175823j:plain


file-iconsのインストール

インストール方法は、テーマのインストールとほぼ同じです。

f:id:parsetree:20170216175944j:plain


f:id:parsetree:20170216180058j:plain


① インストールはメインメニューから「preferences > install」を開いて下さい。

「Pakeges」を選択して下さい

「file icons」を検索します。

④ 検索結果が表示されます。今回は一番上の[file-icons]をインストールしたいと思いますので[install]ボタンでインストールして下さい。

適用すると、こんな感じ。

f:id:parsetree:20170216180235j:plain


カッコイイ!


まとめ

Atomは結構重めのテキストエディターなので、私はsublimeとatomの両方使っています。

JetBrainsさんからもRubyMineやPHPStormなどの最高に便利なエディタが出ています。

ただ、結構お高いんですよね〜。

かなり迷いながらも、Atomが私のファーストチョイスです。

また、いいエディタがあればご紹介したいと思います!