[Rails]整理程式碼 Sublime setting,BeautifyRuby, htmlbeautifier

工具的官方文件

Sublime text
BeautifyRuby
HTML Beautifier

Sublime setting


快捷鍵command + ,
或者點選左上角Sublime Text > preferences > settings

開啟後會有左右兩個分割視窗,注意他們各自的檔案名稱:
Default是預設值,不要隨意改動!
User就是我們設定的地方,他已經預設有所有Default值的內容,設定的方法是用User的東西去覆蓋Default的東西,因為sublime會去讀User這隻檔案的設定。

關於排版的只介紹下列四個:
1.font_size 字體大小
2.tab_size 按一下tab會有幾個空白鍵
3.line_padding_bottom 每行下面的間隔
4.line_padding_top 每行上面的間隔

我的設定如下,把整個複製貼上就行:

Preferences.sublime-settings — User
{
    "tab_size" : 14,
    "tab_size": 2,
    "line_padding_bottom": 6,
    "line_padding_top": 6,
}

存檔後應該會立即見效

BeautifyRuby


BeautifyRuby
安裝方法:
1.command + shift + p打開選單
2.輸入install後選取Package Contol: Install Package
3.輸入BeautifyRuby安裝此套件

這時候對model, controller那些檔案試著下command + ctrl + k試試看有沒有成功

再來如何設定BeautifyRuby:
1.command + shift + p打開選單
2.輸入package list選取Package Contol: List Packages
3.輸入BeautifyRuby找到此套件的資料夾
4.找到BeautifyRuby.sublime-settings檔案把他拉到sublime上編輯

預設值應該為這樣:

Beautify.sublime-settings
{
    // Would you prefer a tab or two spaces to represent a tab

    // The default is two spaces represented by 'space'

    // anything else will use one tab character

    "file_patterns": ["\\.html\\.erb", "\\.rb", "\\.rake", "Rakefile", "Gemfile", "Vagrantfile"],
    "html_erb_patterns": ["\\.html\\.erb"],
    "run_on_save": false,
    "save_on_beautify": true
}

可以加上"tab_size": 2
因為BeautifyRuby的tab_size不是去吃Preferences.sublime-settings的哦!然後他的註解有說明default是2

file_patterns可以看到它支援哪些檔案

HTML Beautifier


HTML Beautifier
BeautifyRuby的文件上直接推薦HTML Beautifier這個套件,他是安裝在gem上的!

Gemfile
gem 'htmlbeautifier'

執行bundle install

用法是在終端機上面下指定:
$ htmlbeautifier file 指定單一檔案
$ htmlbeautifier file1 [file2 …] 他可以指定多隻檔案以上
$ htmlbeautifier app/views/folder/* 指定一個資料夾的所有檔案
$ htmlbeautifier app/views/**/* 指定views這個資料夾的所有資料夾內的所有檔案
$ htmlbeautifier app/views/**/*.html.erb 指定views這個資料夾的所有資料夾內的所有.html.erb的檔案

由於這種指令的是下了就無法復原建議htmlbeautifier前先commit哦!

comments powered by Disqus