VS Code 拡張機能

2016年3月17日 Wade Anderson, @waderyan_

2015年11月、私たちはVisual Studio Codeをオープンソース化し、拡張機能APIを導入しました。VS Code 拡張機能マーケットプレイスには850以上の拡張機能があります。多くの新しい言語（Go、PowerShell、PHP、Python）やフレームワーク（Apache Cordova、React Native）が現在サポートされています。

私たちは引き続きAPIの改善に努め、皆様からのフィードバックを心よりお待ちしております。VS Code 拡張機能を初めてお使いになる方は、新しい拡張機能の検索とインストール方法についてはドキュメントをご確認ください。私たちは、コミュニティがVS Codeを世界最高のコードエディターにする力を与えることに投資しています。

素晴らしい厳選された拡張機能リストの精神に則り、VS Code 拡張機能マーケットプレイスで何が起きているかについて、定期的に最新情報をお届けしたいと考えています。

Peng LvによるRuby

Ruby言語サポートはUserVoiceで人気の高いリクエストであり、マーケットプレイスには多くの拡張機能があります。私たちは、言語およびデバッグサポートを提供するこのRuby拡張機能を楽しく試しました。セットアップは簡単で、拡張機能のREADMEに記載されています。

Ruby依存関係のインストール

様々なRubyバージョンの手順を以下に示します。私はRuby v2.0.xを使用しています。

ターミナルで、gem install ruby-debug-ide -v 0.4.32と入力します。
ターミナルで、gem install debase -v 0.2.1と入力します。

VS CodeでのLaunch.jsonの設定

.vscodeフォルダーにlaunch.jsonファイルを作成し、以下を追加します。

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Ruby Debug",
      "type": "Ruby",
      "request": "launch",
      "program": "${workspaceFolder}/hello_world.rb",
      "stopOnEntry": false
    }
  ]
}

コードの記述とデバッグ

以下は、シンプルなHello World Rubyスクリプトをデバッグするセッションの例です。ブレークポイントの設定、デバッガーの起動、ブレークポイントでの停止、コードのステップ実行が確認できます。

Ruby Debugging

Sam Verschuerenによるyo

この拡張機能を使用すると、VS Codeのコマンドパレット内からYeomanスキャフォールディングツールを使用できます。インストールされているYeomanジェネレーターはドロップダウンに表示され、YeomanターミナルのプロンプトにVS Code内から直接応答できます。マーケットプレイスで詳細を見る。

Yo Demo

wmaurerによるchange-case

現在選択されている単語または選択範囲のケースを変更します。この拡張機能は、node-change-case npmモジュールのラッパーとして実装されています。

change-case demo