開発者ドキュメント

チートシート:AngularCLIリファレンス

序章

これは、AngularCLIで実行したいほとんどのことに必要なコマンドを見つけるのに役立つチートシートです。 Angular CLIの簡単な紹介については、このチュートリアルをご覧ください。

バージョンの確認

使用しているCLIのバージョンを確認します。

  1. ng --version

バージョンの更新

これを実行します:

  1. npm uninstall -g @angular/cli cache clean
  2. npm install -g @angular/cli@latest

ヘルプ

一般的なヘルプを取得します。

  1. ng help

または、特定のコマンドのヘルプを取得します。

  1. ng help generate

新たなプロジェクト

新しいプロジェクトを生成します。

  1. ng new my-app

そして、ここにあなたが使うことができるいくつかの旗があります:

いくつかのフラグを使用した例を次に示します。

  1. ng new my-app --prefix yo --style scss --skip-tests --verbose

すべてのものを生成する

コンポーネントを生成します。

  1. ng g c unicorn-component

サービスを生成します。

  1. ng g s everything-service

パイプを生成します。

  1. ng g pipe my-pipe

ディレクティブを生成します。

  1. ng g directive my-directive

列挙型を生成します:

  1. ng g enum some-enum

モジュールを生成します。

  1. ng g module fancy-module

クラスを生成します。

  1. ng g cl my-class

インターフェイスを生成します。

  1. ng g interface my-interface

ルートガードを生成します。

  1. ng g guard my-guard

The --dry-run--verbose フラグは、任意の生成コマンドで使用できます。

サービング

プロジェクトに奉仕する

  1. ng s

デフォルトのブラウザで自動的にサービスを提供して開きます。

  1. ng s -o

別のポートにサービスを提供します。

  1. ng s --port 5555

テストの実行

  1. ng test

そして、あなたがで使うことができるいくつかの旗 test 指図:

リンティング

リンターを実行します。

  1. ng lint

リンターのいくつかのフラグ:

アプリの構築

でアプリを構築する build 指図:

  1. ng build

buildで使用できるフラグは次のとおりです。

WebpackConfigをイジェクトする

Angular CLIはあなたのプロジェクトのためにもうそれをしませんか? イジェクトするだけで、完全なWebpack構成を利用して、心の欲求に合わせて調整できます。

  1. ng eject

結論

これらは、AngularCLIの最も一般的なコマンドの一部です。 Angular CLIの簡単な紹介については、このチュートリアルをご覧ください。

モバイルバージョンを終了