特集：Visual Studio Code早分かりガイド：Visual Studio Codeでエクステンション機能を使ってみよう (1/2)

新バージョンのVisual Studio Codeにはエクステンション機能がついに搭載された。今回はその使い方について見ていくことにしよう。

連載目次

　2015年11月18日と19日に開催されたイベント「Connect(); // 2015」でVisual Studio Code（以下、VS Code）の新バージョン0.10.1が発表された。と同時に、それまでのプレビューからベータへとステータスが変更になり、オープンソース化された。本稿では、その新機能を概観した後に、多くのユーザーが待ち望んでいたエクステンション（拡張機能）について見ていくことにしよう。

VS Code 0.10.1の新機能

　2015年10月にリリースされたVS Code 0.9.xの後、筆者はいよいよ「1.0.0」になるのかと期待していたのだが、ある意味、順当にバージョン番号は「0.10.1」となった（考えてみれば、それまではまだプレビューリリースだったものがベータ版となるタイミングでバージョン1.0.0になるはずがなかったのだ）。そして、11月26日にはバグフィックスを施した0.10.2もリリースされている。以下では0.10と総称することにしよう。

　VS Code 0.10の大きな特徴は冒頭でも述べたが以下の通りだ。

• オープンソース化
• エクステンション機能のサポート
• プレビューリリースからベータリリースに

　その他にも以下のような機能が追加／改善されている。

• TextMateエディターのスニペットをVS Codeに追加可能に
• デバッグ機能の充実
• 構文ハイライト表示の改善

　ただし、ASP.NET 5アプリのデバッグは0.10でもまだサポートはされていないようだ。とはいえ、ASP.NET 5と.NET CoreがRCとなり、Go-Liveライセンスでの運用が可能になったことは朗報である。APIや機能面の仕様はこれでフィックスしたということでもあり、デバッグ機能の作り込みも進むことが期待される。

　以下では、VS Codeユーザーの多くが待ち望んでいたであろうエクステンションの使い方を見てみよう。

エクステンションのブラウズ

　VS Code用のエクステンションにどんなものがあるかはVisual Studio Marketplaceの［Visual Studio Code］タブで一覧できる。

VS Marketplaceの［Visual Studio Code］タブ
なお、今回の画面キャプチャはOS Xで行っている。

　これらはおおまかに以下のようなカテゴリに分類される（あるエクステンションが複数のカテゴリに分類されている場合もある）。

• ［Debuggers］（デバッガー）
• ［Languages］（言語）
• ［Linters］（Lintツール）
• ［Snippets］（スニペット）
• ［Themes］（テーマ）
• ［Other］（その他）

　これらに加え、ページのトップにはいくつかのエクステンションがピックアップされている。それぞれのカテゴリが表示されている行の右端には［see more］ボタンがある場合もある（見えないときにはスクロールしよう。なお、全てのエクステンションが見えているカテゴリではこのボタンは表示されない）。このボタンをクリックすると、そのカテゴリに分類されるエクステンションをブラウズするページが表示される。

　タイルにはエクステンションの簡単な説明と作者、インストール数、無償か有償かが表示されている。タイルをクリックすると、そのエクステンションの詳細情報が表示される。

Go言語用エクステンションの情報ページ
説明にある「（using 〜）」という記述からは、高度な支援機能を使うには追加ツールが必要なことが分かる。

　どんな情報が表示されるかはピンキリだ。概要と使い方、さらに詳しい説明やその他のツールの情報などを詳しく表示してくれる場合もあれば、3行程度でおしまいのこともある。

　なお、ページ上部にある［Get Started］ボタンをクリックしても、VS Codeに直接エクステンションをインストールすることはできない。インストール自体はVS Codeから行う必要がある。

　というわけで、以下では上で表示したGo言語用のエクステンションを例に実際にインストールして、エクステンションを使ってみよう。