Visual Studio Code에서 Rails 원격 디버깅

5155 단어 debugRailsVSCode

소개



이 기사는 Linkbal Advent Calendar 2018의 21 일째 기사입니다. Rails 초보자의 탄입니다.
저는 링크바루라는 현재 회사에 들어가기 전에 PHP 엔지니어였습니다.
Rails의 개발 환경을 시작한 후 개발 준비를 위해 먼저 한 일은 디버깅 도구를 설정하는 것입니다.
Rails의 디버거라고 하면 Pry 는 번성한 것이라고 생각합니다만, PHP엔지니어였던 나는 아직 익숙하지 않기 때문에, PHP의 Xdebug 같은 툴을 원했습니다.
인터넷에서 조사한 후 ruby-debug-ide라는 도구를 찾아서 설정해 보면 Xdebug와 같은 원격 디버깅 기능을 사용할 수 있었습니다.
이번에는 이 툴의 설정 방법에 대해 소개하겠습니다.

Ruby 플러그인 설치



첫째, VSCode에서 Ruby 언어를 개발하기위한 확장 설치


이 확장에 대한 자세한 내용은 ruby-debug-ide 디버깅 도구를 설정하는 방법을 설명합니다.


디버깅 Gem 설치



Ruby 버전에 따라 Gem이 다릅니다.

Ruby 1.8.x의 경우
gem install ruby-debug-ide
gem install ruby-debug-base

Ruby 1.9.x의 경우
gem install ruby-debug-ide
gem install ruby-debug-base19x

Ruby 2.x의 경우
gem install ruby-debug-ide
gem install debase

VSCode 설정



VSCode의 디버그 탭을 열고 왼쪽 사이드 바에서 Add Configuration을 선택하면 디버그 설정이 없으면 선택 팝업이 표시됩니다. 여기에 Ruby를 선택하십시오. Ruby 옵션이 없으면 어떤 옵션을 선택하든 괜찮습니다.
launch.json 를 열면 configurations 안에 다음 설정을 넣으십시오.
    {
      "name": "Debug Rails",
      "type": "Ruby",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "program": "${workspaceFolder}/bin/rails",
      "pathToRDebugIDE": "/home/trantan/.rbenv/versions/2.5.1/bin/rdebug-ide",
      "args": [

         "server"
      ]
    }
  • name: 디버거 이름
  • type: 프로그램 언어(Ruby)
  • request: launch 라는 것은 VSCode에서 실행한다
  • cwd : 작업 디렉토리
  • program : 디버깅을 시작할 때 실행되는 Ruby 스크립트 (Rails 서버의 디버깅이므로 여기에는 Rails 명령입니다)
  • pathToRDebugIDE: 옵션 설정입니다. (ruby-debug-ide 젬의 전체 경로입니다.)
  • args: "program"실행할 스크립트의 인수입니다. Rails 서버를 실행하는 명령은 rails server이므로 server는 인수입니다. 호스트, 환경 등의 명령 옵션을 추가하려면 여기에 추가하십시오.

  • ↑이쪽은 기본 설정입니다.
    자세한 설정은 여기을 참조하십시오.

    디버깅 해보세요.


  • 우선 디버그의 breakpoint 설정

    파일의 줄 바꿈 수 왼쪽에 클릭하면 breakpoint를 설정할 수 있습니다.
  • 그런 다음 VSCode의 디버그 탭에서 왼쪽 사이드 바에서 위의 "Debug Rails"를 선택하고 "시작"버튼을 누르면 디버거가 시작됩니다.

  • 브라우저에서 Rails 웹 앱을 열면 디버깅할 수 있습니다.


    디버거의 원격 패널입니다.


    왼쪽의 "Variables"부분에서 변수의 값을 확인할 수 있습니다.


    결론



    어떻습니까?
    이런 간단한 설정으로 VSCode에서 Rails의 디버깅은 편리하게 되네요.
    그럼 또!

    좋은 웹페이지 즐겨찾기