Windows에서 Ruby on Rails의 중단점이 효과적인 개발 환경 구축

Windows에서 Ruby on Rails의 중단 점이 효과적인 개발 환경 구축



개발 환경


  • Windows 10 64bit Ver.10.0.18362
  • Visual Studio Code Ver.1.46.0
  • 루비 Ver.2.6.6
  • Rails Ver.6.0.3.1

  • Ruby 설치



    Ruby+Devkit 설치



    Windows 버전의 Ruby+Devkit을 다운로드 하고 설치한다. 디폴트의 ​​인스톨 패스를 변경했을 경우는, 이 후에 인스톨 하는 일부의 gem에 대해서, 별도 설정 변경이 필요하게 되므로 주의.

    필요한 gem 설치



    Visual Studio Code의 터미널에서 조작한다. 터미널은 메뉴의 '터미널'에서 '새 터미널'을 선택하면 화면 하단에 열린다.
    gem install rubocop
    gem install ruby-debug-ide
    gem install debase
    gem install rcodetools
    gem install ruby-lint
    gem install reek
    gem install faster
    gem install debride
    

    Visual Studio Code 설정



    확장 기능 추가



    Visual Studio Code의 확장 기능에서 "Ruby"를 설치합니다.


    setting.json 편집



    메뉴의 「파일」에서 「사용자 설정」, 「설정」으로 진행해, 「ruby」로 검색을 실시한다. setting.json으로 편집을 클릭하고 setting.json을 다음과 같이 편집합니다.

    setting.json
    {
        "ruby.codeCompletion": "rcodetools",
        "ruby.format": "rubocop",
        "ruby.lint": {
            "reek": true,
            "rubocop": true,
            "ruby": true,
            "fasterer": true,
            "debride": true,
            "ruby-lint": true    
        },
        "ruby.intellisense": "rubyLocate",
        "ruby.locate": {
            "exclude": "{**/@(test|spec|tmp|.*),**/@(test|spec|tmp|.*)/**,**/*_spec.rb}",
            "include": "**/*.rb"
        }
    }
    

    launch.json 편집



    launch.json
    {
        "version": "0.2.0",
        "configurations": [
            {
                "name": "Debug Lical File",
                "type": "Ruby",
                "request": "launch",
                "program": "${workspaceRoot}/hoge.rb"
            }
        ]
    }
    

    지금까지 .rb 파일을 중단 점에서 중지하면서 디버깅을 수행 할 수 있습니다. 중단점에서 멈추려면 행 번호의 왼쪽을 클릭하여 빨간색 점을 붙입니다. 그런 다음 메뉴의 "실행"에서 "디버그 시작"을 수행합니다.
    이어서 Ruby on Rails가 움직이도록 설정합니다.

    Rails 설치



    Visual Studio Code의 터미널에서 다음을 입력합니다. 아래의 예에서는 DB에 PostgreSQL을 지정하고 있다. "test_project"라는 프로젝트를 만들고 마지막 "rails s"에서 디버깅을 수행합니다.
    gem install bundler
    install rails
    rails new test_project -d postgresql
    cd test_project
    bundle install
    rails s
    

    무언가가 부족한 경우에는 에러가 나오므로, 이하의 순서를 행한다.

    webpacker, Node.js, Yarn 설치



    오류 메시지를 읽고 webpacker가 부족하다고 말하면 다음과 같이 설치하십시오.
    rails webpacker install
    

    Node.js 또는 Yarn이 부족하다고 말하면 다운로드하여 설치하십시오.

    Node.js 다운로드
    Yarn 다운로드

    따라서 "rails s"는 로컬 서버를 시작합니다. 브라우저에서 「localhost:3000」을 열면 Rails의 페이지가 표시된다.



    포트 번호 3000이 다른 서비스와 중복되어 Rails가 시작되지 않으면 launch.json에 포트 번호 지정을 추가하면 OK.

    좋은 웹페이지 즐겨찾기