前提
・Node.jsがインストールされていること
・Angular Cliがインストールされていること
・VSCodeがインストールされていること
１．Angularプロジェクト作成と起動
１）VSCodeのターミナルから「ng new」コマンド実行でプロジェクト作成
my-appは任意の名前で良い
$ ng new my-app
２）アプリケーションを起動、ブラウザで確認
作成したプロジェクトに移動し、「ng serve」コマンド実行でアプリケーション起動
「-o」オプションで起動時に自動でブラウザを開くことができる
$ cd my-app
$ ng serve -o
http://localhost:4200 へアクセスで確認
３）アプリケーションの停止
VSCodeのターミナルで「Ctrl + C」で停止
２．VSCodeでのデバック方法
１）拡張機能(Ctrl+Shift+X)から「Debugger for Chrome」をインストール
２）「launch.json」を作成する
メニューから「実行」ー＞「構成を開く」ー＞「Chrome」を選択
３）デバッグ開始
「ng serve」コマンドでプロジェクトを起動状態で、メニューから「実行」ー＞「デバッグの開始（F5）」でChrome起動
止めたいファイルの行番号に左側をクリックすることでブレークポイントを設定することができる
画面上に表示されているアイコン類で「再開」「ステップイン、アウト」「停止」ができる
４）変数の内容の確認
「console.log」を使用してデバッグコンソールで変数の内容を確認
