新闻中心

如何为Ruby on Rails项目配置VS Code调试器

2025-12-03
浏览次数:
返回列表
首先安装Ruby扩展和debug gem,然后在Gemfile的development组中添加gem 'debug', '~> 1.8'并运行bundle install;接着在项目根目录创建.vscode/launch.json文件,配置Rails Server、Rails Console和Debug RSpec三种调试模式,确保program指向${workspaceFolder}/bin/rails以使用本地可执行文件;最后在VS Code中按F5选择配置,设置断点即可启动调试。

如何为ruby on rails项目配置vs code调试器

要在 VS Code 中为 Ruby on Rails 项目配置调试器,关键是使用 Ruby 扩展和 debug gem(以前叫 debase)。下面是如何一步步完成配置的实用指南。

安装必要的工具和扩展

确保你已经安装了以下内容:

  • Ruby 环境(建议使用 rbenv 或 rvm 管理版本)
  • Rails 项目已能正常运行
  • VS Code

在 VS Code 中安装推荐的扩展:

  • Ruby(由 misogachi 维护)
  • Debug for Ruby(由 rebornix 提供)
  • Ruby Solargraph(可选,用于代码补全)

添加 debug gem 到项目

打开你的 Gemfile,在 development 组中添加:

group :development do
  gem 'debug', '~> 1.8'
end

然后运行:

bundle install

这个 gem 是标准库 debug 的封装,支持 VS Code 调试协议。

配置 VS Code 启动调试器

在项目根目录创建文件夹 .vscode,并新建 launch.json 文件:

Remover Remover

几秒钟去除图中不需要的元素

Remover 304 查看详情 Remover
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Rails Server",
      "type": "ruby",
      "request": "launch",
      "program": "${workspaceFolder}/bin/rails",
      "args": [
        "server"
      ],
      "cwd": "${workspaceFolder}"
    },
    {
      "name": "Rails Console",
      "type": "ruby",
      "request": "launch",
      "program": "${workspaceFolder}/bin/rails",
      "args": [
        "console"
      ],
      "cwd": "${workspaceFolder}"
    },
    {
      "name": "Debug RSpec",
      "type": "ruby",
      "request": "launch",
      "program": "${workspaceFolder}/bin/rspec",
      "args": [
        "${relativeFile:-spec}"
      ],
      "cwd": "${workspaceFolder}",
      "terminal": "integrated"
    }
  ]
}

这样你就可以调试 Rails 服务、控制台或 RSpec 测试。

开始调试

F5 或点击“运行和调试”侧边栏,选择你要启动的配置,比如 Rails Server

在代码中打上断点(点击行号左侧),当请求到达对应代码时,执行会暂停,你可以查看变量、调用栈和表达式求值。

例如,在控制器中加个断点:

def show
  @user = User.find(params[:id]) # 在这行设断点
  render json: @user
end

访问 /users/1,VS Code 就会进入调试模式。

基本上就这些。只要 gem 装好,launch.json 配置正确,VS Code 就能顺利调试 Rails 应用。不复杂但容易忽略的是确保用的是项目本地的 bin/rails,而不是全局命令。这样才能加载正确的环境和依赖。

以上就是如何为Ruby on Rails项目配置VS Code调试器的详细内容,更多请关注其它相关文章!


# 行号  # 盒马烘焙营销推广文案范文  # 淘宝seo是怎么优化的  # 宁德租房网站建设  # 优化万词霸屏seo  # google seo规则外推  # 营销软件推广网赚平台  # 闲鱼网站怎么发广告推广  # 阜阳全网营销推广价格  # 凌海农产品网站建设  # 亚马逊刷关键词的排名  # 就会  # 哪款  # 组中  # 适合你  # vs code  # 多项  # 工作流  # 何为  # 的是  # 调试器  # 标准库  # ruby on rails  # ai  #   # 工具  # json  # js  # vscode  # rails 


相关栏目: 【 科技资讯46185 】 【 网络学院92790


相关推荐: Pygame教程:解决用户输入与游戏状态更新不同步问题  照顾宝贝2小游戏免费秒玩入口  写好的html代码怎么运行出来_运行写好的html代码方法【教程】  网易大神账号申诉需要多久_网易大神账号申诉流程说明  Win11怎么查看电脑配置_Win11硬件配置检测工具使用  React/Next.js中实现列表项的动态选择与移动  QQ邮箱电脑版登录入口_QQ邮箱官方网站登录平台  动漫共和国防屏蔽稳定域名-动漫共和国官方正版直达通道  PHP URL参数传递与500错误调试指南  Golang指针如何与map组合使用_Golang map指针组合实践  神庙逃亡小游戏在线玩 神庙逃亡小游戏入口  vivo手机参数配置怎么增强信号_vivo手机参数配置信号增强方法  不同用户不同价格! 索尼开启账户个性化定价测试  J*a TimerTask文件监控:HashMap状态管理与常见陷阱规避指南  J*aScript实现单选按钮与关联输入框的联动禁用教程  想当下一个《2077》?《心之眼》Steam评价升至"多半好评"  千牛数据看板网页版_千牛数据看板网页版访问方法  qq音乐在线播放入口_qq音乐电脑版登录链接  顺丰快件物流信息 官方网站查询入口  MAC如何安全彻底地删除文件_MAC使用终端命令确保文件无法被恢复  漫蛙网页登录入口 漫蛙漫画官方授权网址  HTML元素状态管理:根据DIV内容动态启用/禁用按钮  J*aScript:在map操作中高效处理空数组  谷歌推RCS信息存档功能:公司可监控员工私密信息!  微信网页版官方入口直达 微信网页版网页版登录使用方法  海量存储:机器视觉智能化的核心基石  虚幻5科幻题材ARPG大作遭取消!本是《奇异人生》厂商新作  Win11网速慢怎么解决 Win11网络设置优化解除限速  Gmail邮箱申请注册直达_Gmail邮箱免费注册PC版官网入口2025  win11 Snap Layouts怎么用 Win11窗口布局与分屏多任务高效指南【必学】  漫蛙manwa2最新登录网址_漫蛙manwa2手机网页版入口  Win11截图该按哪些键 Win11截屏完整流程解析【教程】  J*aScript动态修改指定div内所有a标签样式指南  Eclipse怎么运行工程_Eclipse工程运行配置说明  Safari怎么安装扩展程序 浏览器插件安装与管理方法【详解】  Win10文件资源管理器“此电脑”分组怎么关 Win10恢复经典视图【技巧】  Windows 11怎么彻底关闭定位_Windows 11服务中禁用Geolocation  ArchiveofOurOwn小说阅读-ArchiveofOurOwn同人作品访问链接  Tabulator表格中精确实现日期时间排序的指南  在Qt QML中通过Python字典动态更新TextEdit内容的教程  初次安装JDK时环境变量如何正确配置_J*A_HOME与PATH设置规则讲解  谷歌浏览器如何快速清除某个网站的数据_Chrome网站缓存清理方法  css链接悬停下划线样式如何自定义_使用::after结合content和transition  邮政快递包裹最新位置 邮政快递实时追踪入口  XML中包含HTML标签导致解析错误? 正确嵌入非XML数据的两种方法  汽水音乐在线解析 汽水音乐在线解析入口  铁路12306改签能改到更早的车次吗_铁路12306改签提前车次规则  Discord Slash 命令响应超时问题的异步解决方案  Golang如何优雅处理error_Golang error处理最佳实践总结  如何优雅地扩展SprykerGlue后端API授权逻辑,使用spryker/glue-backend-api-application-authorization-connector-extension 

搜索