はじめに

Angularの勉強を始めたので記録としてまとめていきます。
初歩的な部分が多いかと思いますが悪しからず…

今日やること

事前に必要なツールをインストールしています。
参考：https://angular.jp/guide/setup-local

こちらのページを参考に作っていきます。
https://angular.jp/tutorial/tour-of-heroes/toh-pt0

Angularはワークスペースという箱を作って、その中にプロジェクトを作るという構造のようです。
https://angular.jp/guide/file-structure

任意の作業フォルダの中で右クリックし、「ターミナルで開く」をクリックするとPowerShellが立ち上がるので、コマンドを実行します。
ここではワークスペースの名前を「angular-0420」としました。

ng new angular-0420

スタイルシートのフォーマットの選択が求められました。

どれが良いのか迷ったので違いを調べてみたところ、このような特徴があるようです。

プロジェクトの規模に合わせたり慣れている記述方法を選ぶのが良さそうです。
今回はSass(SCSS)にしました。

今回は簡単に動作確認したいだけなのでNoを選びます。

しばらく待つと無事作成完了しました！

作業フォルダの中を見てみると、プロジェクト用のファイルが生成されているのが確認できます。

早速アプリケーションを起動してみます。

cd angular-0420
ng serve --open

自動でブラウザが立ち上がり、アプリケーション画面が確認できました！

ctrl + cで停止します。

本当にすぐ簡単にアプリケーションの作成ができました。
これから中身を詳しく見ていきたいと思います。