VS Code 安裝 Ruby Debug 擴充

在開始寫 Ruby 後,希望能有 Debug 的工具,才方便除錯。

 

一開始亂安裝,裝了這幾個都無法正常使用。

 

image

image

 

不一定是這些有問題,更可能是我自己設定有問題。

 

後來放棄了,就是不斷的用印出資料的方法來除錯。

 

昨天在看 Ray 的 Ruby 教學時,發現他在 VS Code 上有執行 Ruby Debug 的功能,下課後就趕快請教他,在他的指導下,終於安裝成功了。原本我也擔心會不會在 Mac 可以,在 Windows 卻不行?幸好我多慮了。

 

Ray 說他原本裝的是 VSCode Byebug Debugger,但在某些中文呈現有問題,好像是直接呈現 utf8 的內碼,所以建議安裝底下這一個。

 

image

 

它的 Debug 安裝說明可參考

 

https://github.com/rubyide/vscode-ruby/blob/main/docs/debugger.md

 

節錄如下:

 

安裝 Ruby 依賴項

在擴展中,我們允許使用ruby​​ 來調試這個 ide 協議以實現 VS Code 與 ruby​​ 調試通信,它需要ruby-debug-ide安裝在您的機器上。這是 RubyMine/NetBeans 的默認做法。

  • 如果您使用的是 JRuby 或 Ruby v1.8.x ( jruby, ruby_18, mingw_18),請運行gem install ruby-debug-ide。
  • 如果您使用的是 Ruby v1.9.x ( ruby_19, mingw_19),請運行gem install ruby-debug-ide。確保ruby-debug-base19x與ruby-debug-ide。
  • 如果您使用的是 Ruby v2.x
    • gem install ruby-debug-ide
    • gem install debase(或gem install byebug)

重點就是要安裝紅色那二行。

這個擴充我有安裝,我也有看到這個說明,但因為我是使用 Ruby 3,所以看到它寫 v2.x,我以為是舊版在用的,我就沒有試了。

安裝好之後,先按下下圖左邊紅框的「執行與偵錯」,再按下上方紅框的齒輪圖示。

image

此時會開啟 launch.json,這應該是設定檔,Ray 提供一個範本如下:


{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "除錯目前Ruby程式",
            "type": "Ruby",
            "request": "launch",
            "program": "${file}"
        }
    ]
}

 

底下是測試畫面,可以順利設定中斷點,左邊紅框是監看的內容,右邊是滑鼠移過去呈現的字串,高版本的中文也可以順利呈現。

image

有了 Debug,未來在複雜的程式中,就不用列印一堆變數來除錯了。



 

重要度:
文章分類:

發表新回應

借我放一下廣告