大田区から発信するゆるゆる日記

主にITエンジニアに関する備忘録日記。たまに趣味も。何か不備があればコメント頂けると幸いです。Twitterアカウント https://twitter.com/ryuzan03

Angular CLI

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。

【目次】

  

Angular CLIについて

Angular CLIとは?

Angularのコードの生成をするために作られた公式ツールです。

Angular CLI

 

何ができる?

コマンドを入力すると、プロジェクトやコンポーネントの雛型を生成してくれます。

 

コマンドは「ng」から始まります。

 

コマンド例

新規プロジェクトの作成

$ ng new project-name

 

コンポーネントの作成 

$ ng generate component component-name

$ ng g component component-name

 

ローカルサーバーの起動

$ ng serve

 

 

app-routing.module.tsを含むプロジェクト作成

$ ng new project-name --routing

 

app-routing.moduleを作成

$ ng generate module app-routing --flat --module=app

$ ng g module app-routing --flat --module=app

 

Angular 日本語ドキュメンテーション