almost 4 years ago

系統:

Mac OS X Yosemite 10.10.1
Ruby 2.2.0
Rails 4.2.0

相關連結

Better Errors ( https://github.com/charliesome/better_errors )
Rails Panel ( https://github.com/dejan/rails_panel )
binding_of_caller ( https://github.com/banister/binding_of_caller )

前言

在開發 rails app 的時候,難免會出現錯誤的訊息,而後續就是要找出錯誤的地方來做除錯及修正,那我們就可以利用工具 Better Errors 和 Rails Panel,來讓我們的除錯更輕鬆快速。

設定步驟如下

1. Gemfile 設定

添加必要的 gem 套件至 Gemfile 檔中

# Display full error context
group :development do
  gem 'better_errors'
  gem 'binding_of_caller'
  gem 'meta_request'
end

之後,執行以下指令安裝以上的 gems

$ bundle install

2. Rails Panel 設定

前往 Chrome WebStore 安裝 Rails Panel 擴充。

3. 重啟伺服器

筆者是使用 pow + powder gem

$ powder restart

4. Better Error 畫面

接下來如果出現錯誤時,畫面就會如同底下,會很明確的告訴你哪邊的程式碼有問題。

better error

5. Rails Panel 畫面

進入 Chrome 開發人員工具
Mac OS X: option + command + I

當我們點擊 rails app 任一連結時,都可以清楚看到連結的 Status、Controller#Action、Method、Format、Resp. Time 等資訊。

better error

← Ruby on Rails 中使用支援 Syntax Highlighter 的 Markdown Template 使用 sorcery 實作簡單的使用者認證 →
 
comments powered by Disqus