Angular 17のよく使うCLIコマンド

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がインストールされる


投稿日

カテゴリー:

投稿者:

タグ: