Sublime Text 2 Packages for Rails
啊其實是因為我這人沒事就喜歡嚐鮮,所以裝了 Package Control 之後,三不五時就看一下有沒有新東西可以裝來玩。最近玩到一些在開發實務和日常工作上還滿實用的 Package,記錄下來也分享給可能有同樣需要的朋友。
PlainTasks
相當易用的 TODO List,配合適當的快捷鍵及設定,可以在 ST2 裡快速開啟並編輯.
簡單說明一下,他其實是開啟指定的文字檔,然後利用插件的快捷鍵和縮排來達到 New / Done / Cancel / Archive 的功能。
首先我在家目錄下建了一個叫 TODO 的空檔案,然後在 ST2 的 Key Bindings - User 裡增加這行
{ "keys": ["super+."], "command": "open_file", "args": {"file": "/Users/Unayung/TODO"} }
- ⌘ + . 可以呼叫 TODO List
- ":"結尾的字串會被視為標題
- ⌘ + Enter 增加TODO項目
- ⌘ + d 把項目設定為已完成 (打綠勾勾)
- ⌘ + m 把項目設定為已取消 (打紅叉叉)
- ⌘ + Shift + a 把已完成及已取消的所有項目都移到 Archive
如此一來就可以很方便的在日常寫 code 的環境下記錄各種 TODO 事項
ERB-Sublime-Snippets
有在寫 ERB 的話這個東西就很方便了,例如輸入 er 再按 tab 就會自動補成 <% %>,游標還幫你放在中間,多貼心。
常用轉換對照
Snippet | Tab Trigger | Output |
---|---|---|
ERB tags | er | |
print ERB tags | pe | |
print ERB comment | pc | |
if block | if | ... |
if / else block | ife | ...... |
else tag | else | |
elsif tag | elsif | |
end block | end | |
link_to helper | lt | |
form_for helper | form | ... |
Rails Latest Migration
這東西是省去翻找最新一個 migration 檔案麻煩的 package,安裝完成之後只要叫出 Command Palette (⌘ + Shift + p) 然後輸入 last 他就會幫你開好最後一份 migration 檔。
Rails Related Files
這也是同樣幫助你在檔案之間移動的 package,他的作用是例如你在對 book.rb 動作,點滑鼠右鍵或是 ⌘ + Shift + o 會列出和目前這個檔有關連的檔案 ex. books_controller.rb, book相關的 views 等等
Simple Rails Navigator
MVC開發常常會在 model / view / controller 切來切去。有了這個 package 就可以很優雅(?)的在各種檔案間切換自如
- ⌘ + Ctrl + m 列出所有 model folder 裡的檔案
- ⌘ + Ctrl + v 列出所有 view folder 裡的檔案
- ⌘ + Ctrl + c 列出所有 controller folder 裡的檔案
- ⌘ + Ctrl + j 列出 assets/javascripts
- ⌘ + Ctrl + s 列出 assets/stylesheets
{ "keys": ["super+ctrl+m"], "command": "list_rails_models" },
{ "keys": ["super+ctrl+c"], "command": "list_rails_controllers" },
{ "keys": ["super+ctrl+v"], "command": "list_rails_views" },
{ "keys": ["super+ctrl+j"], "command": "list_rails_javascripts" },
{ "keys": ["super+ctrl+s"], "command": "list_rails_stylesheets" }
Emmet
強烈建議這個 Package 一定要裝,太好用了 !!
不管是開發什麼類型的 Website / Web Application 你都可能會需要寫這樣的東西
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
裝了 Emmet 之後你可以這樣
table>tr>td*10 然後按一下 tab
Done !! 還有更多 tricky 的使用方式請參考官網的介紹。