Looking for angular-cli Answers? Try Ask4KnowledgeBase
Looking for angular-cli Keywords? Try Ask4Keywords

angular-cliangular-cliを使い始める


備考

このセクションでは、angular-cliの概要、および開発者がなぜそれを使用したいのかを概説します。

また、角張ったcli内の大きなテーマについても言及し、関連するトピックにリンクしてください。 angular-cliのドキュメンテーションは新しいものであるため、それらの関連トピックの初期バージョンを作成する必要があります。

Angular CLI - 基本ステップ

  1. あなたはnode.jsをインストールする必要があります - https://nodejs.org/ja/
  2. npm install -g @ angular / cli - 端末でこのコマンドを実行してCLIをインストールする
  3. ng new projectname - このコマンドを端末で実行すると、現在のフォルダにprojectnameという新しいサブフォルダが作成されます。
  4. cd projectname - プロジェクトがあるサブフォルダに移動します。
  5. ng serve - プロジェクトを実行します。 http:// localhost:4200から入手できます

開発サーバーを介してAngularプロジェクトを生成して提供する

新しいプロジェクトを作成するには、gitを初期化するng new [project-name] を入力します。npmを使用してパッケージをインストールします。プロジェクトを正常に作成します。

cd [project-name] を実行し、 npm start またはng serve を実行します

指定されたデフォルトポートでサーバーを実行します。

ディレクトリ内の変更に応じてアプリケーションが更新されます。デフォルトのHTTPポートとLiveReloadサーバーで使用されるHTTPポートは、以下のコマンドを使用して変更できます

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153
 

インストールまたはセットアップ

注: Angular CLIのバージョンは急速に発展しています。このドキュメントは最新バージョンを対象としています。


前提条件

最新のバージョンを実行して動作させるために、Angular CLIとプロジェクトには、ノードv6.9.0以降が必要な依存関係があります。


セットアップ

CLIと互換性のあるノードのバージョンがインストールされていることを確認してください

Angular CLIをグローバルにインストールします。最新バージョンがインストールされます。

npm i @angular/cli -g or yarn global add @angular/cli は、使用中のパッケージマネージャーに応じて、 yarn global add @angular/cli します。


ng help コマンドは実行可能なコマンドを提供します