AngularCLIを使用してAngularを起動して実行する

提供:Dev Guides
移動先:案内検索

多くの可動部分がAngularプロジェクトに関与しており、 Angular CLI (コマンドラインインターフェイス)は、プロジェクトの開始、コンポーネント、ルート、サービスの生成、プロジェクトの提供、およびテストを実行します。

この投稿はAngular2以降を対象としています。


AngularCLIのインストール

最初のステップは、npmからインストールすることです。

$ npm install -g @angular/cli

これにより、AngularCLIがグローバルにインストールされます。 npmが文句を言う場合は、sudoを使用してコマンドを実行してみてください。

$ sudo npm install -g @angular/cli

新しいプロジェクトを開始する

まず、ターミナルを使用してプロジェクトの親ディレクトリとなるディレクトリに移動し、次に次のコマンドを実行します。

$ ng new app-name

これにより、すぐにコーディングを開始できるように、すべてが整ったAngularプロジェクトが作成されます。 新しいプロジェクトのディレクトリ構造がどのようになるかの例を次に示します。

├── README.md
├── angular-cli.json
├── **e2e …**
├── karma.conf.js
├── **node\_modules …**
├── package.json
├── protractor.conf.js
├── **src …**
└── tslint.json

プロジェクトにサービスを提供する

これにより、デフォルトで http:// localhost:4200でローカルサーバーが実行されます。 また、プロジェクトの変更を監視し、ページを自動的に更新します。 プロジェクトディレクトリ内から次のコマンドを実行します。

$ ng serve

ng生成

ng generate を使用して、 components routers pipes services 、[ X149X]ディレクティブ。 たとえば、コンポーネントを生成する方法は次のとおりです。

$ ng generate component path/component-name

テストの実行

最後に、 ngtestを使用してテストを実行します。

$ ng test