いいエディター紹介しよう

　先週新しい２名 Front End Dev がチームに加入しました。エディターは何か好みがあるかと聞いたら、あまりないと答えた。今まで、ずっと Eclipse、VS を使って JS コードを書いてたと。うちのプロジェクトはニュース関係なので、よくテキストを扱うため、なんかライトなエディターを使ったほうがいいとアドバイスしました。Sublime Text は一番あってるかもと。
　下記のところからダウンロードできます。
     http://www.sublimetext.com/3

　いっぱいプラグインも使えます。まず、最重要なのは package control.
     https://sublime.wbond.net/installation
    Sublime Text 3 を書いてあるタブ中のコマンドをコピーして、 Sublime Text 3 に Ctrl+` を押して、コマンドコンソールに貼付ければ、エンターキーを押して、自動的にインストールされます。
　その後、Ctrl + Shift + p （マックの場合 Cmd + Shift + p）を押して、"install package" を入力すれば、package control がリストされます。それを選択して、エンターキーを押すと、エディター左下に小さい "=" が動きます。それはすべての package 情報をダウンロードしているサインです。少し待つと、別のインプットボックスが出て来て、その中に emmet を入力すれば、emmet plugin が表示されます。結構便利なツールなので、インストールすることはおすすめです。具体的に、下記のドキュメントがあります。
   http://docs.emmet.io/

例えば、! を入力して、Ctrl+e を押すと、自動的に HTML5 のベース HTML Header, Body が展開されます。また ul.hi>li*5 を入力して、Ctrl + e で自動的に ul と五つの li タグが出てきます。しかも ul に hi という CSS Class がついています。結構便利です。
　他に、コマンドを実行したり、Live Style という Chrome の workspace と似てる機能があったりして、使いこなすのも速いです。 フォルタも開けます。Ctrl + p を押して、ファイルを名前をインプットすると、自動的に探してくれます。
　自分は通常の開発はほとんどこのエディターを使います。grunt コマンドも実行できます。まぁ、grunt の file watcher を使ったほうがもっと速いです。
　
　それでは。ここまで。