Angularの開発が捗る!オススメのVSCode拡張機能

VSCodeでAngularが書きやすくなる拡張機能を3つ紹介します。
2019.09.30

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

VSCode、便利ですよね。
ですが、デフォルトの設定だとAngularアプリの開発には少々不向きなので拡張機能で充実させましょう。

Angular Support

HTML<->Typescriptと双方に定義へ飛ぶことができます。

vscode-angular-html

これを使えば、HTMLにAngular用のシンタックスハイライトを追加してくれます。

  • 適用前

  • 適用後

インラインスタイルにも適用されます。

Angular Material 2, Flex layout 1, Covalent 1 & Material icon snippets

個人的にこれに一番助けられてます。

Angular Materialのコンポーネントを補完してくれます。