0

0

如何在vscode中配置Ruby环境并开发Web应用【教程】

狼影

狼影

发布时间:2026-01-17 20:53:02

|

136人浏览过

|

来源于php中文网

原创

需先安装 Ruby 并配置 PATH,再装 wingrunr21.vscode-ruby 插件和 ruby-lsp 语言服务器,调试需 fxruby.vscode-ruby-debug 插件及正确 launch.json,RSpec 测试须通过 bundle exec 运行。

如何在vscode中配置ruby环境并开发web应用【教程】

确认 Ruby 是否已安装并被 VS Code 识别

VS Code 本身不自带 Ruby 运行时,必须先在系统中安装 Ruby,否则后续所有插件和调试功能都无法工作。打开终端执行 ruby -vwhich rubymacOS/Linux)或 where ruby(Windows),确认输出有效版本号和路径。

常见错误现象:command not found: ruby 或 VS Code 底部状态栏不显示 Ruby 版本。此时不是插件没装对,而是 Ruby 根本没装,或未加入 PATH。尤其 Windows 用户常把 Ruby 安装在非默认路径(如 C:\Ruby32-x64\bin),需手动添加到系统环境变量。

  • macOS 推荐用 rbenvchruby 管理多版本,避免与系统 Ruby 冲突
  • Windows 用户优先选 RubyInstaller,勾选 “Add Ruby executables to your PATH”
  • 验证成功后,重启 VS Code,状态栏左下角应显示类似 Ruby 3.2.2

安装 Ruby 插件并配置语言服务器

VS Code 的 Ruby 支持依赖两个核心组件:语法高亮/跳转的插件 + 提供语义分析的 LSP 服务。官方推荐组合是 rebornix.Ruby(已停更)→ 实际应使用 wingrunr21.vscode-ruby(维护中)+ ruby-lsp 作为语言服务器。

ruby-lsp 是目前最稳定的 Ruby LSP 实现,但需手动安装并确保与项目 Bundler 版本兼容。它不通过 VS Code 插件市场安装,而是在终端中运行:

gem install ruby-lsp

安装后,在 VS Code 设置中搜索 ruby.lspPath,填入 ruby-lsp 可执行文件的绝对路径(例如 /Users/you/.gem/ruby/3.2.0/bin/ruby-lsp)。若留空,插件会尝试自动查找,但容易失败。

  • 不要启用 ruby.useLanguageServer 以外的旧式 SDK 配置(如 ruby.interpreterPath),它们已过时且与 LSP 冲突
  • 若项目使用 bundle exec 启动(如 Rails),确保 ruby-lsp 能读取 Gemfile —— 它会自动加载 bundle 环境
  • 首次打开大型 Rails 项目时,ruby-lsp 可能卡在 “Indexing…” 几十秒,属正常现象

调试 Rails/Web 应用时的关键配置

VS Code 默认不支持 Ruby 调试,需额外安装 fxruby.vscode-ruby-debug 插件,并确保系统已安装 debug gem(Rails 7+ 默认包含,老版本需手动加到 Gemfile)。

Nanonets
Nanonets

基于AI的自学习OCR文档处理,自动捕获文档数据

下载

调试启动依赖 .vscode/launch.json。对 Rails Web 应用,最简可用配置如下:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Rails Server",
      "type": "Ruby",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "program": "${workspaceFolder}/bin/rails",
      "args": ["server", "-p", "3000"],
      "env": {
        "RAILS_ENV": "development"
      }
    }
  ]
}

注意点:

  • program 必须指向 bin/rails(而非 rails 全局命令),才能正确加载项目 bundle
  • 若使用 spring,调试前先运行 bin/spring stop,否则断点可能不触发
  • 在控制器或视图里打断点后,需用浏览器访问对应 URL(如 http://localhost:3000/posts),调试器才会激活
  • 不建议用 pry-byebug + 终端 rails server 混合调试 —— VS Code 的调试器与之互斥

运行 RSpec 测试时的常见陷阱

VS Code 可直接运行单个测试文件或测试方法,但前提是项目已正确配置 rspecbundle exec rspec 在终端中能跑通。插件 howardzhang77.vscode-ruby-rspec 提供右键菜单“Run RSpec”,但它底层仍调用 shell 命令。

典型失败场景:Could not find 'rspec' (>= 0.a) among X total gem(s)。这说明插件没走 bundle 环境,而是用了全局 Ruby 的 gempath。

  • 解决方案:在 .vscode/settings.json 中强制指定 bundle 执行路径:
    "ruby.testFramework.rspec.path": "bundle exec rspec"
  • 确保 rspec gem 在 Gemfile:test:development group 中,并已运行 bundle install
  • 若测试报错涉及数据库(如 ActiveRecord::NoDatabaseError),检查 RAILS_ENV 是否为 test,且 db:test:prepare 已执行

Ruby 的环境链比 Node.js 或 Python 更隐晦:系统 Ruby → rbenv/rvm → bundle → spring → rails server → rspec。任一环缺失或路径错位,VS Code 就会表现成“功能失效”,实际问题往往不在编辑器本身。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
spring框架介绍
spring框架介绍

本专题整合了spring框架相关内容,想了解更多详细内容,请阅读专题下面的文章。

160

2025.08.06

Java Spring Security 与认证授权
Java Spring Security 与认证授权

本专题系统讲解 Java Spring Security 框架在认证与授权中的应用,涵盖用户身份验证、权限控制、JWT与OAuth2实现、跨站请求伪造(CSRF)防护、会话管理与安全漏洞防范。通过实际项目案例,帮助学习者掌握如何 使用 Spring Security 实现高安全性认证与授权机制,提升 Web 应用的安全性与用户数据保护。

88

2026.01.26

json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

457

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

549

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

337

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

82

2025.09.10

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

531

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

576

2023.07.28

Python异步编程与Asyncio高并发应用实践
Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开,深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例,帮助开发者掌握 Python 在高并发场景中的高效开发方法,并提升系统资源利用率与整体运行性能。

37

2026.03.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 10.6万人学习

Git 教程
Git 教程

共21课时 | 4.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号