iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 22
1
Software Development

這次我們不跳過 IDE系列 第 22

Day 22: 使用 VS Code 來開發 Ruby & Rails

前言

今天是後端的第二篇,將介紹引領我進入程式語言的第一道門:Ruby
使用 VS Code 開發 Ruby ,除了安裝 Extension 之外,仍需要安裝部分 gem,才能達到最大的效果,所以會一併介紹給大家認識認識。

前提

因為 VS Code 本身可以讀取 .rb,但是基礎語法檢測並沒有支援,所以在撰寫之前,要先去下載語言包:

IntelliSense

VS Code 內建沒有支援 Ruby,這邊要依賴特定的 gem 達成目標。

安裝步驟如下:

  • 打開終端機,輸入 gem install solargraph 安裝。
  • gem 安裝完成後,點擊上面的連結安裝 extension。
  • Extension 安裝完成後,就大功告成,試著開啟 .rb 測試測試吧。

Linter

有開發 Ruby 經驗的人,只會推薦:

安裝步驟如下:

  • 打開終端機,輸入 gem install rubocop 安裝。
  • 接著點擊上面的連結安裝 extension。
  • 完成!

endwise

endwise

連結

在介紹 snippets 之前,一定要先介紹這個 extension,會自動填入 end,這樣有兩個好處:

  • 省去打 end 的時間。
  • 避免漏打造成錯誤產生

Rails

基本上,使用 Ruby 開發的程式,很大的機會是使用 Rails,而支援 Rails 的 Extension 可以分成兩類:

  • 提供 template snippets。
  • 整合 template、snippets 以及 Rails 本身。

Template

Snippets

自己使用上的經驗是,多少感覺綁手綁腳,所以更推薦自己寫!至於怎麼寫,詳見拙作:

整合型

  • Rails
    • integrate-rails-1
    • .erb 語法加深。
    • Rails 與 VS Code 的 Go to Definition 結合。(就是按下 F12 的功能)

Debugger

僅僅安裝 Ruby 語言包,是無法完全發會 VS Code 的 偵錯 功能,需要搭配 gem 才行。
安裝相關 gem 如下:

gem install ruby-debug-ide
# 以下三擇一,請依照你的Ruby版本選擇下面的Gem來安裝
gem install debase # Ruby 2.x
gem install base19x # Ruby 1.9
gem install base # Ruby 1.8 or JRuby

相關操作請參考拙作:

至於 launch.json 的設定,記得要修改 typeRuby 即可。
而 Rails 的 launch.json 稍微不同,因為要啟動 server,所以需要補上參數。

// Rails Sample
{
  "name": "Rails server",
  "type": "Ruby",
  "request": "launch",
  "cwd": "${workspaceRoot}",
  "program": "${workspaceRoot}/bin/rails",
  "args": [
     "server"
  ]
}

結論

如同過去幾天,今天嘗試整理開發 Ruby 時,會使用到的 Extension。

不想花錢使用 RubyMine,那就好好研究如何用 VS Code 開發 Ruby 吧!


上一篇
Day 21: 使用 VS Code 來開發 Node.js
下一篇
Day 23: 使用 VS Code 來開發 PHP & Laravel
系列文
這次我們不跳過 IDE30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言