[Atom Editor] 俺の設定とプラグインをさらす

最近すっかり Atom 使いになってきたので、設定とプラグインをさらしてみます。他の方のもぜひ見てみたいので、みんなでさらしましょう！

# 設定

## テーマ
SublimeText で使ってたのと同じ名前の [Flatland Dark Theme](https://atom.io/packages/flatland-dark) と [Flatland Dark UI Theme](https://atom.io/packages/flatland-dark-ui) があったのでこれを使っている。

![Screen Shot 2015-02-09 at 15.01.13.png](https://qiita-image-store.s3.amazonaws.com/0/4093/e95a15a7-ee51-6902-4975-dc33dd2bc20e.png)

## キーマップ
キーマップとかは特に変更なし。[vim-mode](https://atom.io/packages/vim-mode) 使ってる。

## スタイル
色弱なのでカーソル位置が分かりやすいように Stylesheet は下記のように変更して、検索結果が目立ちやすいようにちょっと派手目に。

```css
.editor {
  .current-result .region {
    border-color: green;
  }
  .find-result .region {
    border-color: yellow;
  }
}

.editor .cursor {

}

.vim-mode.command-mode {
  .cursor, .cursor.blink-off {
    background-color: #AAA !important;
  }
}
```

## スクリプト、スニペット
Init Script も Snippets も特になし。

# プラグイン

## 必須
### [file-icons](https://atom.io/packages/file-icons)
ファイルリストの横に種別アイコンを表示してくれる。見た目的にもとても良い。

### [project-manager](https://atom.io/packages/project-manager)
Atom は再起動すると以前開いていたウィンドウを忘れてくれるので、これが重宝する。

### [vim-mode](https://atom.io/packages/vim-mode)
キーバインドを vim みたいにしてくれる。SublimeText のアレに比べるとだいぶ良いと思う。

### [editorconfig](https://atom.io/packages/editorconfig)
異なるエディタ/IDE間で設定を共有できる EditorConfig の設定を使えるようにする。

### [pigments](https://atom.io/packages/pigments)
CSS などの色をエディタ上で表示してくれる。
![](https://i.github-camo.com/16c0c12a183c6f57fb33481984593a515777d5e8/68747470733a2f2f6769746875622e636f6d2f61626533332f61746f6d2d7069676d656e74732f626c6f622f6d61737465722f7265736f75726365732f7069676d656e74732e6769663f7261773d74727565)

### [sync-settings](https://atom.io/packages/sync-settings)
Atom の設定を Gist 経由で同期できる。設定はちょっと面倒だけど、重宝します。

### [term3](https://atom.io/packages/term3)
ターミナルをタブのひとつとして開いてくれる。プロジェクトのルートで開いてくれるので、ちょっとしたことをする時にパッと開けて便利。
(Term2 がまともに使えなくなってしまったので Term3 に乗り換えたが、今のところ問題なく使えている)

## よく使う
### [build](https://atom.io/packages/build)
Grunt などのビルドを可能な限り自動で検出し (必要であれば設定を足せる) 、実行できる。ただし Atom の開き方によって .bashrc とか .zshrc を読み込んでくれないので PATH が通らず、[issue を立てたのだが作者がほかの人の :+1: を待つと言ってたので、同じご意見をお持ちの方はぜひ :+1: お願いします](https://github.com/noseglid/atom-build/issues/35) m(_ _)m

### [docblockr](https://atom.io/packages/docblockr)
SublimeText の同名プラグイン同様、コメントのテンプレを簡単に足してくれます。

## 入れてるけどよくわかってない
### [Sublime-Style-Column-Selection](https://atom.io/packages/Sublime-Style-Column-Selection)
Sublime 的に矩形選択できるようになる

### [autocomplete-plus](https://atom.io/packages/autocomplete-plus)
Atom に強力な自動補完機能を追加できる。[併用するとプラグインが多数](https://github.com/atom-community/autocomplete-plus/wiki/Autocomplete-Providers) ある(今気付いた)

### [autoclose-html](https://atom.io/packages/autoclose-html)
開始タグの '>' を入力すると閉じタグも入れてくれる。

### [autocomplete-paths](https://atom.io/packages/autocomplete-paths)
Path入力時に補完してくれる
※要 autocomplete-plus

### [autocomplete-snippets](https://atom.io/packages/autocomplete-snippets)
autocomplete-plus に対応したスニペットを利用可能にする
※要 autocomplete-plus

### [trailing-spaces](https://atom.io/packages/trailing-spaces)
文末の余計なスペースをハイライトしてくれる

### [git-plus](https://atom.io/packages/git-plus)
git のコマンドをパレットから利用可能にする

### [atom-beautifier](https://atom.io/packages/atom-beautifier)
Javascript, HTML, CSS を整形できる

### [merge-conflicts](https://atom.io/packages/merge-conflicts)
`git merge` しやすい UI を表示してくれる

### [npm-install](https://atom.io/packages/npm-install)
`package.json` ファイルを自動的にメンテしてくれる

### [polymer-snippets](https://atom.io/packages/polymer-snippets)
Polymer のスニペット集

### [pretty-json](https://atom.io/packages/pretty-json)
JSON を整形できる

### [regex-railroad-diagram](https://atom.io/packages/regex-railroad-diagram)
正規表現をダイアグラムで可視化してくれる
![regex-railroad-diagrams.png](https://qiita-image-store.s3.amazonaws.com/0/4093/d1cfb98a-83b3-3831-ae8b-ed3a6e086656.png)

### [script](https://atom.io/packages/script)
ソースコード中のスクリプトをその場で実行して結果を表示してくれる