【入門】Angular QuickStart Step2 に沿って 新規プロジェクトを作成してみる

今回は
【入門】Angular QuickStart Step1 に沿って開発環境を構築してみる
に 続けて

クイックスタート

の Step 2. 新規プロジェクトを作成する を 実施して行きます。

Step 2. 新規プロジェクトを作成する

ターミナルを開いてください。
次のコマンドを実行して、新規プロジェクトと空のアプリケーションを生成してください。

とありますが、
コマンド実行時のカレントディレクトリにプロジェクトが作成されますので
プロジェクトを作成したいディレクトリまで移動しておきましょう。

その後

ng new my-app

コマンドを実行し プロジェクトを作成します。
中身を確認するとこんな感じです。

$ ls -ltr
total 0
drwxr-xr-x  15 xxxxxxx  staff  510  4 28 17:44 my-app
$ cd my-app
$ ls -ltr
total 824
-rw-r--r--    1 xxxxxxx  staff    3012  4 28 17:42 tslint.json
-rw-r--r--    1 xxxxxxx  staff     363  4 28 17:42 tsconfig.json
drwxr-xr-x   14 xxxxxxx  staff     476  4 28 17:42 src
-rw-r--r--    1 xxxxxxx  staff     722  4 28 17:42 protractor.conf.js
-rw-r--r--    1 xxxxxxx  staff    1291  4 28 17:42 package.json
-rw-r--r--    1 xxxxxxx  staff     923  4 28 17:42 karma.conf.js
drwxr-xr-x    5 xxxxxxx  staff     170  4 28 17:42 e2e
-rw-r--r--    1 xxxxxxx  staff    1021  4 28 17:42 README.md
drwxr-xr-x  859 xxxxxxx  staff   29206  4 28 17:44 node_modules
-rw-r--r--    1 xxxxxxx  staff  397129  4 28 17:44 package-lock.json

次は Step 3: アプリケーションをサーブする です。