Windows 10 VSCode로 루비 디버그 환경 구축

11387 단어 VisualStudioCode루비Windows10

소개



1년 이상 만에, 루비의 환경을 만들려고 하면(자), 꽤 잘 안 되고, 겨우 환경이 생겼으므로, 메모를 남깁니다. 이제 루비에서 step 실행과 변수를 확인할 수 있습니다.

Visual Studio Code 설치



  • Microsoft 페이지에서 다운로드하여 설치합니다.

    • Ruby 설치



  • Ruby Installer 사이트의 devkit이 있는 설치 프로그램을 사용하여 설치합니다. 이번에 사용한 것은 rubyinstaller-devkit-2.6.6-1-x64.exe 입니다.

    • VSCode 확장 기능 설치


  • VSCode를 시작하고 확장 프로그램의 "ruby"를 찾아서 설치합니다. (아래 그림은 설치 후 화면)


    • Gem을 번들로 설치


  • VSCode 터미널을 열고 bundle init . 
    • Windows PowerShell
Copyright (C) Microsoft Corporation. All rights reserved.

新しいクロスプラットフォームの PowerShell をお試しください https://aka.ms/pscore6

PS C:\Users\momoandbanana\Documents\my_ruby_programs\debugenv> bundle init
Writing new Gemfile to C:/Users/momoandbanana/Documents/my_ruby_programs/debugenv/Gemfile
PS C:\Users\momoandbanana\Documents\my_ruby_programs\debugenv>
  • 그러면 Gemfile 가 생성되므로 debase 와 ruby-debug-ide 의 Gem을 추가합니다.

    • Gemfile
    # frozen_string_literal: true

source "https://rubygems.org"

git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }

# gem "rails"
gem "debase" # 追加しました
gem "ruby-debug-ide" # 追加しました
  • VSCode 터미널에서 bundle install 에서 Gem을 설치합니다. 
    • PS C:\Users\momoandbanana\Documents\my_ruby_programs\debugenv> bundle init
Writing new Gemfile to C:/Users/momoandbanana/Documents/my_ruby_programs/debugenv/Gemfile
PS C:\Users\momoandbanana\Documents\my_ruby_programs\debugenv> bundle install
Fetching gem metadata from https://rubygems.org/.....
Resolving dependencies...
Using rake 13.0.1
Using bundler 2.1.4
Using debase-ruby_core_source 0.10.9
Using debase 0.2.4.1
Using ruby-debug-ide 0.7.2
Bundle complete! 2 Gemfile dependencies, 5 gems now installed.
Use `bundle info [gemname]` to see where a bundled gem is installed.
PS C:\Users\momoandbanana\Documents\my_ruby_programs\debugenv>

    launch.json에 설정을 나열합니다.


  • 루비 프로그램을 준비합니다.

    • main.rb
    puts("hello ruby-debugger !")
  • launch.json 를 자동 생성하려면 VSCode 메뉴에서 実行 構成を開く 를 선택합니다.
  • 그러면, 어떤 구성을 하고 싶은지 선택지로 질문되므로 ruby 를 선택합니다.
  • 또한 debug local file를 선택합니다.
  • 그러면 launch.json 파일이 완성되므로 program 의 행을 아래와 같이 수정합니다.

    • launch.json
    {
    // IntelliSense を使用して利用可能な属性を学べます。
    // 既存の属性の説明をホバーして表示します。
    // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug Local File",
            "type": "Ruby",
            "request": "launch",
            // "program": "${workspaceRoot}/main.rb", コメントにしました。
            "program": "${file}", // 変更しました。
        }
    ]
}

    디버깅 시작



  • 소스 파일을 연 다음 VSCode 実行 デバッグの開始에서 디버깅합니다. 아래 그림은 main.rb의 1행째에 브레이크 포인트를 설정하여 브레이크된 곳입니다.


    • 이상입니다.
    실제 작업은 github로 기록 했습니다. 완성된 각 설정 파일은 이 커밋 에 있는 것입니다.
    Flutter 도입(4) ~for Windows10~ Windows에서 Flutter를 취급할 때의 설정을 하자
    【공유용】Windows10PC에 Visual Studio Code를 인스톨 하는 순서

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage