スポンサーリンク

Angular CLIで新規プロジェクトを作成する

新規プロジェクト作成するコマンド

以下のコマンドで、exampleAppという名前でAngularのプロジェクトをカレントディレクトリの直下に作成します。

ng new exampleApp

その後、routingを設定するかを確認されます。yで設定します。

? Would you like to add Angular routing? (y/N) 

スタイルシートの種類を選択できます。CSSをとりあえず選びます。

? Which stylesheet format would you like to use? (Use arrow keys)
> CSS
  SCSS   [ https://sass-lang.com/documentation/syntax#scss                ]
  Sass   [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]
  Less   [ http://lesscss.org        

多少時間がかかりますが、成功すると以下のようなメッセージが表示されます。

✔ Packages installed successfully.
    Successfully initialized git.

プロジェクトを実行する

以下のコマンドでプロジェクトを実行できます。サーバが立ち上がると、メッセージにURLが表示されるので、そこからデフォルトのプロジェクトを参照できます。

ng serve