angular-cliangular-cliを使い始める
備考
このセクションでは、angular-cliの概要、および開発者がなぜそれを使用したいのかを概説します。
また、角張ったcli内の大きなテーマについても言及し、関連するトピックにリンクしてください。 angular-cliのドキュメンテーションは新しいものであるため、それらの関連トピックの初期バージョンを作成する必要があります。
Angular CLI - 基本ステップ
- あなたはnode.jsをインストールする必要があります - https://nodejs.org/ja/
- npm install -g @ angular / cli - 端末でこのコマンドを実行してCLIをインストールする
- ng new projectname - このコマンドを端末で実行すると、現在のフォルダにprojectnameという新しいサブフォルダが作成されます。
- cd projectname - プロジェクトがあるサブフォルダに移動します。
- 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 コマンドは実行可能なコマンドを提供します
