拡張機能まとめ

2016年5月4日 Wade Anderson, @waderyan_

Visual Studio Codeの拡張機能マーケットプレイスは、おすすめ、人気上位、新しく追加された拡張機能をうまく紹介しており、新しいものや他の開発者が使っているプラグインを見るためにサイトを閲覧することをお勧めします。この拡張機能まとめでは、私たちが面白くて便利だと感じた拡張機能を紹介したいと思います。

VS Code拡張機能を初めて利用する方は、新しい拡張機能の検索とインストール方法についてはドキュメントをご確認ください。

Microsoft JS DiagnosticsによるEdge用デバッガー

インストール: Visual Studio Code内から、クイックオープン(⌘P (Windows, Linux Ctrl+P))を使用してext install debugger-for-edgeを貼り付け、Enterを押します。

非常に人気の高いChrome用デバッガー拡張機能を作成したのと同じ人々が、Microsoft Edgeブラウザー用のEdge用デバッガーを公開しました。彼らはChrome Debuggerプロトコルを使用して同じデバッガーを再利用することができました。詳細については、彼らの最近のブログ投稿で学ぶことができます。

csshoによるSVG Viewer

インストール: クイックオープン(⌘P (Windows, Linux Ctrl+P))で、ext install vscode-svgviewerを貼り付け、Enterを押します。

この高評価の拡張機能を使用すると、スケーラブルベクターグラフィックス (SVG) をVS Code内から直接表示できます。マーケットプレイスで詳細を見る。

Kiss TamasによるCodeMetrics

インストール: クイックオープン(⌘P (Windows, Linux Ctrl+P))で、ext install vscode-codemetricsを貼り付け、Enterを押します。

TypeScriptのソースコードが少し賢くなりすぎて、他の人が保守するのが難しくなっているのではないかと疑問に思っていませんか？この拡張機能は、コードの複雑度を計算し、エディターのCodeLens装飾に評価を表示します。評価をクリックすると、複雑度スコアに到達するために使用されたルールが表示されます。

Christian Kohlerによるnpm IntelliSense

インストール: クイックオープン(⌘P (Windows, Linux Ctrl+P))で、ext install npm-intellisenseを貼り付け、Enterを押します。

この便利な拡張機能を使用すると、ワークスペースのnpmモジュールに対してエディターですばやく自動補完を行うことができます。

使用している拡張機能を教えてください

あなたが本当に気に入っていて、ここで紹介したい拡張機能を使っている場合は、ツイートを送ってください。

ほとんどの拡張機能はGitHubでオープンソース化されているため、ソースコードから学び、お気に入りの拡張機能に貢献することができます。

Wade Anderson, VS Codeチームメンバー
@waderyan_