Angularとは
Angular（アンギュラー）は、Googleと個人や企業のコミュニティによって開発されているTypeScriptベースのオープンソースのフロントエンドWebアプリケーションフレームワークである。
環境準備
予めtypescriptの知識を持っていればいいです。
- Angular4
- angular/cli: 1.1.0
- nodejs: 12.10.0
- 開発IDE:WebStorm
プロジェクトを作る
今回はAngularとAngular Materialを活用してプロジェクトを管理するためのアプリを作ってみよう。
まずは下記のコマンドの通り、Angualrプロジェクトを自動に作成します。
ng new projectname
例：ng new tasker
以下のようにログを出力したら、正常に終ります。
......
Successfully initialized git.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Project 'tasker' successfully created.
Angular Materialを導入
下記のコマンドで必要なAngular Materialを導入する。
npm install --save @angular/material
起動
下記のコマンドでプロジェクトを起動する。
ng serve
うまく起動すれば、localhost:4200経由でアクセスできます。
最後に
最後まで読んでいただき、ありがとうございます。
ソースコードはこちらでダウンロードできます。