Angular 17でよく使用するCLIコマンドです。
※随時加筆予定
プロジェクトの作成
Bash
ng new project-name
# project-nameディレクトリ以下にプロジェクトのテンプレートが生成される
コンポーネントの追加
Bash
ng generate component component-name
# カレントディレクトリ以下に
# component-name/component-name.component.html
# component-name/component-name.component.scss
# component-name/component-name.component.spec.ts
# component-name/component-name.component.ts
# が生成される
# ※生成されるファイルの種類はプロジェクト設定による
サービス(*.service.ts)の追加
Bash
ng generate service service-name
# カレントディレクトリに
# service-name.service.ts
# service-name.service.spec.ts
# が生成される
ローカルサーバー(http://localhost:4200
)の起動
Bash
ng serve
# カレントディレクトリのプロジェクトがビルドされ、
# http://localhost:4200
# でアクセスできるようになる
パッケージの追加
Bash
ng add @angular/package-name
#カレントディレクトリのプロジェクトにパッケージpackage-nameがインストールされる