Angular2 公式の Visual Studio Code エクステンション(Experimental Release)を使ってみた

Angular2 公式の VS Code エクステンションが開発されているようなので試してみました。

インストール

絶賛開発中ということで、Visual Studio Marketplace には公開されていません。
以下のURLから、最新の ngls.vsix をダウンロードします。

https://github.com/angular/vscode-ng-language-service/releases

次のように、[Install from VSIX…] からインストールします。

使う

次のように、template 文字列の部分で補完がききます！

次のように、存在しないフィールドを指定した場合は、エラー表示してくれます。

templateUrl で外部ファイルを参照するようにした場合も、補完、エラー表示してくれます。

で、

開発時は、Editor でエラーチェックしつつ、リリース時は、ng build --aot やら ngc で厳密にチェックできると良いのかな。
ngc が良く分かってないよ！

以上。

Angular2によるモダンWeb開発 [ 末次　章 ] 価格：3024円（税込、送料無料) (2017/2/26時点)