[WIP]Sublime Textの機能をAtomに移行する


更新中。
なんとなく。いまのところAtomはちと重いのでSublimeから乗り換える気はない。

packageを検索すると、Sublime-〇〇というPackage名が沢山ある。
それだけみんな Sublime Text の機能が欲しいということなのかなぁ。


---


## 矩型選択
・Sublime Style Column Selection
https://atom.io/packages/Sublime-Style-Column-Selection

Sublimeでは標準機能。`option`＋ドラッグで矩型選択。

![68747470733a2f2f7261772e6769746875622e636f6d2f626967666976652f61746f6d2d7375626c696d652d73656c6563742f6d61737465722f73637265656e73686f742e706e67.png](https://qiita-image-store.s3.amazonaws.com/0/16548/064f435e-14d3-d74a-bcae-6089e3cc2ca5.png "68747470733a2f2f7261772e6769746875622e636f6d2f626967666976652f61746f6d2d7375626c696d652d73656c6563742f6d61737465722f73637265656e73686f742e706e67.png")



## htmlのidとclassをササっと
・Auto-id-class
https://atom.io/packages/auto-id-class

SublimeではEmmetの機能。
htmlタグの中で`.`を押すと`Class=""`に、`#`で`id=""`に変換される。

![68747470733a2f2f6769746875622e636f6d2f627261646c6579666c6f6f642f6175746f2d69642d636c6173732f626c6f622f6d61737465722f73637265656e2d7265636f7264696e672d64656d6f2e6769663f7261773d74727565.gif](https://qiita-image-store.s3.amazonaws.com/0/16548/1d1411af-c74c-d4e5-6d3c-c1db1b9bc2b8.gif "68747470733a2f2f6769746875622e636f6d2f627261646c6579666c6f6f642f6175746f2d69642d636c6173732f626c6f622f6d61737465722f73637265656e2d7265636f7264696e672d64656d6f2e6769663f7261773d74727565.gif")



## ブロックコメント
・block-comment-plus
https://atom.io/packages/block-comment-plus

Sublimeでは標準機能。
`cmd + option + /`でブロックコメントを挿入。

[htmlの閉じタグコメント](#htmlの閉じタグコメント) も付けれるパッケージ探している。


## 選択範囲拡張
・expand-region
https://atom.io/packages/expand-region

Sublimeでは[ExpandRegion](https://packagecontrol.io/packages/ExpandRegion)。
選択範囲を拡張できる。Sublimeと同じ`cmd + shift + space`に設定。

![687474703a2f2f692e6779617a6f2e636f6d2f33343565303565323963633165366531643130336634396435306335326230312e676966.gif](https://qiita-image-store.s3.amazonaws.com/0/16548/482db7ee-4c76-b0e8-32d2-fb6bbabb5874.gif "687474703a2f2f692e6779617a6f2e636f6d2f33343565303565323963633165366531643130336634396435306335326230312e676966.gif")



## 特定ワードをトグルで変更
・string-looper
https://atom.io/packages/string-looper

Sublimeでは[Inc-Dec-Value](https://packagecontrol.io/packages/Inc-Dec-Value)。
指定した単語をショートカットでループさせることができる。
`true``false`のトグル切り替えが一番便利。


![68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6c656e792f61746f6d2d737472696e672d6c6f6f7065722f6d61737465722f636170732f656e756d2d6c6f6f7065722e676966.gif](https://qiita-image-store.s3.amazonaws.com/0/16548/9aea3d98-9141-dd0b-5f75-bc0051338a13.gif "68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6c656e792f61746f6d2d737472696e672d6c6f6f7065722f6d61737465722f636170732f656e756d2d6c6f6f7065722e676966.gif")

## HEXとRGBaをトグル切り替え
・pigments
https://atom.io/packages/pigments

Sublimeでは[Inc-Dec-Value](https://packagecontrol.io/packages/Inc-Dec-Value)。
Inc-Dec-ValueはカラーコードをHEXからRGBaに変換もできる。
ショートカットでパパッと切り替えれる。

が、Atomで出来るものは見当たらなかった。


![687474703a2f2f61626533332e6769746875622e696f2f61746f6d2d7069676d656e74732f636f6e746578742d6d656e752d636f6e76657273696f6e2e6769663f7261773d74727565.gif](https://qiita-image-store.s3.amazonaws.com/0/16548/d5457405-f839-a5be-d7d0-9f414e87294c.gif "687474703a2f2f61626533332e6769746875622e696f2f61746f6d2d7069676d656e74732f636f6e746578742d6d656e752d636f6e76657273696f6e2e6769663f7261773d74727565.gif")

なので、pigmentsの右メニューで変換させている。ちょっと不便。
あ、いや、pigmentsは超便利です。


## ブラウザ自動リロード
・livereload
https://atom.io/packages/livereload

Sublimeでは[LiveReload](https://packagecontrol.io/packages/LiveReload)。

ご存知ブラウザオートリロード。
オンオフがステータスバーでできるのがとても便利。

しかし、AtomのこのパッケージはCPUが大暴走でやばい。ファン全開。
Railsで試していたのでファイルが多すぎたのだろうか…？
Sublime Textでは問題なかったのでうーむ。



![68747470733a2f2f636c6f75642e67697468756275736572636f6e74656e742e636f6d2f6173736574732f3231323033342f333536353639362f63353066303163652d306163612d313165342d393931652d3463623834373533363463342e706e67.png](https://qiita-image-store.s3.amazonaws.com/0/16548/21dac713-ba48-2b40-b568-6d726a734799.png "68747470733a2f2f636c6f75642e67697468756275736572636f6e74656e742e636f6d2f6173736574732f3231323033342f333536353639362f63353066303163652d306163612d313165342d393931652d3463623834373533363463342e706e67.png")



## プロジェクト管理
・Project Manager
https://atom.io/packages/project-manager

Sublimeでは標準機能。

プロジェクト（ディレクトリ）の保存、呼び出し。
Sublimeのようにプロジェクトファイルで細かく設定はできないが、開くたウィンドウをそのまま復元してくれることはできる。

![68747470733a2f2f7261772e6769746875622e636f6d2f64616e69656c62726f64696e2f61746f6d2d70726f6a6563742d6d616e616765722f6d61737465722f70726f6a6563742d6d616e616765722e676966.gif](https://qiita-image-store.s3.amazonaws.com/0/16548/a6b2083d-6e3b-4ded-6a8f-4cba44e59d56.gif "68747470733a2f2f7261772e6769746875622e636f6d2f64616e69656c62726f64696e2f61746f6d2d70726f6a6563742d6d616e616765722f6d61737465722f70726f6a6563742d6d616e616765722e676966.gif")





## SourceTreeで開く
・Open in SourceTree
https://atom.io/packages/open-in-sourcetree

Sublimeでは[SourceTree](https://packagecontrol.io/packages/SourceTree)。


開いているプロジェクトディレクトリをSouceTreeで開くことができる。
AtomでCommitやPush/Pullそのままできますが、リベースや`git add -p`したい時とかSouceTree楽ですよ。

## TODOを確認
・Todo Show Package
https://atom.io/packages/todo-show


Sublimeでは[TodoReview](https://packagecontrol.io/packages/TodoReview)。

「TODO」「FIXME」などアノテーションコメントを検索、移動ができる。


![68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6d726f64616c67616172642f61746f6d2d746f646f2d73686f772f6d61737465722f73637265656e73686f74732f707265766965772e706e67.png](https://qiita-image-store.s3.amazonaws.com/0/16548/62320288-695c-75f5-529e-7803321e887e.png "68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6d726f64616c67616172642f61746f6d2d746f646f2d73686f772f6d61737465722f73637265656e73686f74732f707265766965772e706e67.png")


## 言語（シンタックス）をコマンドパレットから変更

・Set Syntax
https://atom.io/packages/set-syntax

Sublimeでは標準機能。

デフォルトでは右下のシンタックスをクリックしないとシンタックスの切り替えが出ないのでめっちゃ不便。
これを入れるとコマンドパレットから言語名を検索して素早く切り替えれる。


![68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6c65652d646f686d2f7365742d73796e7461782f6d61737465722f7365742d73796e7461782e676966.gif](https://qiita-image-store.s3.amazonaws.com/0/16548/70379ddc-5210-0b28-8cc5-6d784caa0496.gif "68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6c65652d646f686d2f7365742d73796e7461782f6d61737465722f7365742d73796e7461782e676966.gif")





## できてないこと

### スニペットで同じトリガーキーを使えない

Sublimeでは、Sassに `&` をトリガーにして大量のスニペットを作っていたが、Atomでは同一のトリガーを登録しても一つしか使えない。これが結構不便。

### htmlの閉じタグコメント

classやid名付きでコメント付くやーつー

```html
<!-- /.hoge-list --></ul>
```



### GitSavvy 
Gitのパッケージ数あれどGitSavvy レベルに便利なものがない。