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"} }
  1. ⌘ + . 可以呼叫 TODO List
  2. ":"結尾的字串會被視為標題
  3. ⌘ + Enter 增加TODO項目
  4. ⌘ + d 把項目設定為已完成 (打綠勾勾)
  5. ⌘ + m 把項目設定為已取消 (打紅叉叉)
  6. ⌘ + 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 就可以很優雅(?)的在各種檔案間切換自如

  1. ⌘ + Ctrl + m 列出所有 model folder 裡的檔案
  2. ⌘ + Ctrl + v 列出所有 view folder 裡的檔案
  3. ⌘ + Ctrl + c 列出所有 controller folder 裡的檔案
  4. ⌘ + Ctrl + j 列出 assets/javascripts
  5. ⌘ + Ctrl + s 列出 assets/stylesheets
Key Bindings - User
{ "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 的使用方式請參考官網的介紹。

Comments

comments powered by Disqus