🛠

自分の入れてるVS Code拡張機能一覧をKibelaで紹介するツールを作った

16 min read

はじめに

なんとなく社内で他の人が VS Code にどんな拡張入れてるか知りたいなと思った。聞いて回るのも効率悪いし、みんなで 1 つの Kibela 記事に書き足したら良さそう。
というわけでそのテンプレを作ってるうちに「自動的に取得したいな」と思った。

インストールしている拡張の取得方法

code コマンドラインには引数 --list-extensions でインストールされている拡張機能を列挙することが出来る。ついでにバージョンも。

C:\Users\kounoike>code --list-extensions --show-versions
be5invis.toml@0.5.1
bibhasdn.git-easy@1.11.0
codezombiech.gitignore@0.6.0
eamodio.gitlens@11.0.1
golang.go@0.18.1
iliazeus.vscode-hexdump@1.8.2
marchrock.vscode-ghq@1.0.0
mhutchie.git-graph@1.27.0
MS-CEINTL.vscode-language-pack-ja@1.51.2
ms-edgedevtools.vscode-edge-devtools@1.1.1
ms-python.python@2020.11.367453362
ms-toolsai.jupyter@2020.11.358541065
ms-vscode-remote.remote-containers@0.148.1
ms-vscode-remote.remote-ssh@0.56.0
ms-vscode-remote.remote-ssh-edit@0.56.0
ms-vscode-remote.remote-wsl@0.51.3
ms-vscode-remote.vscode-remote-extensionpack@0.20.0
ms-vscode.cpptools@1.1.2
octref.vetur@0.30.2
scala-lang.scala@0.4.5
scalameta.metals@1.9.6

整形する

ID だけが列挙されているのでこれじゃ分からない Extension(を検索するAPI)を使う というスライドを見ると MarcketPlace の API を使って色々取得できるようだ。

作った

リポジトリ:https://github.com/kounoike/vscode-ext-list-md

オンラインデモ:https://kounoike.github.io/vscode-ext-list-md/

エラー処理とか全然やってなくてとりあえず動いて一発出力できればいいだろう、というもの。
一応テンプレート書き換え可能なので Kibela 以外に書き込みたいときは適当に変えてみてください。

無保証。何かのはずみに動かなくなっていても怒らないでください。

結果

上に出した一覧がこんな感じになる。

## @yourname

<details><summary>見る</summary>

### [C&#x2F;C++](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools) 1.1.2

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-vscode.gallerycdn.vsassets.io/extensions/ms-vscode/cpptools/1.1.2/1605666237361/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>ms-vscode.cpptools By: Microsoft Install: 15,415,427 Rate: 3.6</td>
    </tr>
    <tr>
      <td>C&#x2F;C++ IntelliSense, debugging, and code browsing.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Git Easy](https://marketplace.visualstudio.com/items?itemName=bibhasdn.git-easy) 1.11.0

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://bibhasdn.gallerycdn.vsassets.io/extensions/bibhasdn/git-easy/1.11.0/1542393343157/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>bibhasdn.git-easy By: bibhasdn Install: 110,324 Rate: 4.1</td>
    </tr>
    <tr>
      <td>Making git easy and convenient</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph) 1.27.0

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://mhutchie.gallerycdn.vsassets.io/extensions/mhutchie/git-graph/1.27.0/1604199823568/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>mhutchie.git-graph By: mhutchie Install: 789,796 Rate: 4.9</td>
    </tr>
    <tr>
      <td>View a Git Graph of your repository, and perform Git actions from the graph.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [gitignore](https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore) 0.6.0

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://codezombiech.gallerycdn.vsassets.io/extensions/codezombiech/gitignore/0.6.0/1542410402642/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>codezombiech.gitignore By: CodeZombie Install: 730,503 Rate: 4.7</td>
    </tr>
    <tr>
      <td>Language support for .gitignore files. Lets you pull .gitignore files from the https:&#x2F;&#x2F;github.com&#x2F;github&#x2F;gitignore repository.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [GitLens — Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) 11.0.1

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://eamodio.gallerycdn.vsassets.io/extensions/eamodio/gitlens/11.0.1/1605511036658/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>eamodio.gitlens By: Eric Amodio Install: 7,043,563 Rate: 4.8</td>
    </tr>
    <tr>
      <td>Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Go](https://marketplace.visualstudio.com/items?itemName=golang.go) 0.18.1

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://golang.gallerycdn.vsassets.io/extensions/golang/go/0.18.1/1604329743881/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>golang.go By: Go Team at Google Install: 4,067,450 Rate: 4.5</td>
    </tr>
    <tr>
      <td>Rich Go language support for Visual Studio Code</td>
    </tr>
  </tbody>
</table>

何か一言:

### [hexdump for VSCode](https://marketplace.visualstudio.com/items?itemName=iliazeus.vscode-hexdump) 1.8.2

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://iliazeus.gallerycdn.vsassets.io/extensions/iliazeus/vscode-hexdump/1.8.2/1587234274992/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>iliazeus.vscode-hexdump By: Ilia Pozdnyakov Install: 11,136 Rate: 4.5</td>
    </tr>
    <tr>
      <td>Display a specified file in hexadecimal</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Japanese Language Pack for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja) 1.51.2

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-ceintl.gallerycdn.vsassets.io/extensions/ms-ceintl/vscode-language-pack-ja/1.51.2/1604533275518/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>MS-CEINTL.vscode-language-pack-ja By: Microsoft Install: 1,813,533 Rate: 4.4</td>
    </tr>
    <tr>
      <td>Language pack extension for Japanese</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Jupyter](https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter) 2020.11.358541065

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-toolsai.gallerycdn.vsassets.io/extensions/ms-toolsai/jupyter/2020.11.358541065/1605134606035/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>ms-toolsai.jupyter By: Microsoft Install: 3,344,917 Rate: 4.5</td>
    </tr>
    <tr>
      <td>Jupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Microsoft Edge Tools for VS Code](https://marketplace.visualstudio.com/items?itemName=ms-edgedevtools.vscode-edge-devtools) 1.1.1

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-edgedevtools.gallerycdn.vsassets.io/extensions/ms-edgedevtools/vscode-edge-devtools/1.1.1/1603240345156/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>ms-edgedevtools.vscode-edge-devtools By: Microsoft Install: 54,013 Rate: 4.5</td>
    </tr>
    <tr>
      <td>Use the Microsoft Edge Tools from within VS Code to see your site&#39;s runtime HTML structure, alter its layout, fix styling issues as well as see your site&#39;s network requests.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Python](https://marketplace.visualstudio.com/items?itemName=ms-python.python) 2020.11.367453362

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-python.gallerycdn.vsassets.io/extensions/ms-python/python/2020.11.367453362/1605647427708/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>ms-python.python By: Microsoft Install: 27,653,659 Rate: 4.4</td>
    </tr>
    <tr>
      <td>Linting, Debugging (multi-threaded, remote), Intellisense, Jupyter Notebooks, code formatting, refactoring, unit tests, snippets, and more.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Remote - Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) 0.150.0

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-vscode-remote.gallerycdn.vsassets.io/extensions/ms-vscode-remote/remote-containers/0.150.0/1605557697118/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>ms-vscode-remote.remote-containers By: Microsoft Install: 1,769,621 Rate: 4.4</td>
    </tr>
    <tr>
      <td>Open any folder or repository inside a Docker container and take advantage of Visual Studio Code&#39;s full feature set.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Remote - SSH](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh) 0.56.0

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-vscode-remote.gallerycdn.vsassets.io/extensions/ms-vscode-remote/remote-ssh/0.56.0/1605057363227/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>ms-vscode-remote.remote-ssh By: Microsoft Install: 2,185,992 Rate: 4.4</td>
    </tr>
    <tr>
      <td>Open any folder on a remote machine using SSH and take advantage of VS Code&#39;s full feature set.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Remote - SSH: Editing Configuration Files](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh-edit) 0.56.0

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-vscode-remote.gallerycdn.vsassets.io/extensions/ms-vscode-remote/remote-ssh-edit/0.56.0/1605057356022/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>ms-vscode-remote.remote-ssh-edit By: Microsoft Install: 2,190,672 Rate: 4.3</td>
    </tr>
    <tr>
      <td>Edit SSH configuration files</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Remote - WSL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl) 0.51.3

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-vscode-remote.gallerycdn.vsassets.io/extensions/ms-vscode-remote/remote-wsl/0.51.3/1605090670860/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>ms-vscode-remote.remote-wsl By: Microsoft Install: 4,345,372 Rate: 4.8</td>
    </tr>
    <tr>
      <td>Open any folder in the Windows Subsystem for Linux (WSL) and take advantage of Visual Studio Code&#39;s full feature set.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Remote Development](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack) 0.20.0

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://ms-vscode-remote.gallerycdn.vsassets.io/extensions/ms-vscode-remote/vscode-remote-extensionpack/0.20.0/1584138002888/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>ms-vscode-remote.vscode-remote-extensionpack By: Microsoft Install: 1,034,480 Rate: 4.7</td>
    </tr>
    <tr>
      <td>An extension pack that lets you open any folder in a container, on a remote machine, or in WSL and take advantage of VS Code&#39;s full feature set.</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Scala (Metals)](https://marketplace.visualstudio.com/items?itemName=scalameta.metals) 1.9.6

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://scalameta.gallerycdn.vsassets.io/extensions/scalameta/metals/1.9.6/1605031407829/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>scalameta.metals By: Scalameta Install: 94,042 Rate: 4.5</td>
    </tr>
    <tr>
      <td>Scala language server with rich IDE features</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Scala Syntax (official)](https://marketplace.visualstudio.com/items?itemName=scala-lang.scala) 0.4.5

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://scala-lang.gallerycdn.vsassets.io/extensions/scala-lang/scala/0.4.5/1602086510256/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>scala-lang.scala By: scala-lang Install: 212,957 Rate: 4.5</td>
    </tr>
    <tr>
      <td>Official Scala Syntax</td>
    </tr>
  </tbody>
</table>

何か一言:

### [TOML Language Support](https://marketplace.visualstudio.com/items?itemName=be5invis.toml) 0.5.1

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://cdn.vsassets.io/v/M176_20201014.2/_content/Header/default_icon.png"></td>
      <td>be5invis.toml By: be5invis Install: 68,656 Rate: 4.4</td>
    </tr>
    <tr>
      <td>TOML language support</td>
    </tr>
  </tbody>
</table>

何か一言:

### [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) 0.30.2

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://octref.gallerycdn.vsassets.io/extensions/octref/vetur/0.30.2/1605523399914/Microsoft.VisualStudio.Services.Icons.Small"></td>
      <td>octref.vetur By: Pine Wu Install: 6,036,523 Rate: 4.5</td>
    </tr>
    <tr>
      <td>Vue tooling for VS Code</td>
    </tr>
  </tbody>
</table>

何か一言:

### [vscode-ghq](https://marketplace.visualstudio.com/items?itemName=marchrock.vscode-ghq) 1.0.0

<table>
  <tbody>
    <tr>
      <td rowspan="2" style="width:74px;height:74px;padding:2px"> <img style="width:72px;height:72px" src="https://cdn.vsassets.io/v/M176_20201014.2/_content/Header/default_icon.png"></td>
      <td>marchrock.vscode-ghq By: marchrock Install: 1,225 Rate: 4.5</td>
    </tr>
    <tr>
      <td>ghq interface for Visual Studio Code</td>
    </tr>
  </tbody>
</table>

何か一言:
</details>

Discussion

ログインするとコメントできます