Angularプロジェクト作成

##前提
・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」を使用してデバッグコンソールで変数の内容を確認