Angular CLI-ngserveコマンド

構文

ng serve <project> [options]
ng s <project> [options]

ngserveコマンドはアプリケーションをビルドして提供します。変更が発生した場合は、アプリケーションを再構築します。ここで、projectは、angular.jsonで定義されているアプリケーションの名前です。オプションはオプションのパラメータです。

引数

シニア番号	引数と構文	説明
1	<プロジェクト>	ビルドするプロジェクトの名前。アプリケーションまたはライブラリにすることができます。

オプション

シニア番号	オプションと構文	説明
1	--allowedHosts	開発サーバーへのアクセスを許可されているホストのホワイトリスト。
2	--aot = true | false	Ahead ofTimeコンパイルを使用してビルドします。
3	--baseHref = baseHref	構築中のアプリケーションのベースURL。
4	--buildEventLog = buildEventLog	実験ビルドイベントプロトコルイベントの出力ファイルパス
5	--commonChunk = true | false	複数のバンドルで使用されるコードを含む別のバンドルを使用します。
6	--configuration = configuration	angle.jsonの「構成」セクションで指定されている名前付きビルドターゲット。名前付きの各ターゲットには、そのターゲットのオプションのデフォルトの構成が付属しています。これを明示的に設定すると、「-prod」フラグが上書きされます。 エイリアス：-c
7	--deployUrl = deployUrl	ファイルがデプロイされるURL。
8	--disableHostCheck = true | false	接続されたクライアントが許可されたホストの一部であることを確認しないでください。 デフォルト：false
9	--help = true | false | json | JSON	このコマンドのヘルプメッセージをコンソールに表示します。 デフォルト：false
10	--hmr = true | false	ホットモジュール交換を有効にします。 デフォルト：false
11	--hmrWarning = true | false	--hmrオプションが有効になっている場合に警告を表示します。 デフォルト：true
12	--host = host	聞くホスト。 デフォルト：localhost
13	--liveReload = true | false	live-reloadを使用して、変更時にページをリロードするかどうか。 デフォルト：true
14	--open = true | false	デフォルトのブラウザでURLを開きます。 デフォルト：false エイリアス：-o
15	--optimization = true | false	ビルド出力の最適化を有効にします。
16	-世論調査	ファイル監視ポーリング期間を有効にして、ミリ秒単位で定義します。
17	- 港	聞くポート。 デフォルト：4200
18	--prod = true | false	「--configuration = production」の省略形。trueの場合、ビルド構成を本番ターゲットに設定します。デフォルトでは、本番ターゲットはワークスペース構成で設定されているため、すべてのビルドでバンドル、制限されたツリーシェイク、および制限されたデッドコードの除去が利用されます。
19	--progress = true | false	ビルド中に進行状況をコンソールに記録します。
20	--proxyConfig = proxyConfig	プロキシ構成ファイル。
21	--publicHost = publicHost	ブラウザクライアント（または有効になっている場合はライブリロードクライアント）が開発サーバーへの接続に使用するURL。リバースプロキシを使用するような複雑な開発サーバーのセットアップに使用します。
22	--servePath = servePath	アプリが提供されるパス名。
23	--servePathDefaultWarning = true | false	deploy-url / base-hrefがサポートされていないサーブパス値を使用する場合、警告を表示します。 デフォルト：true
24	--sourceMap = true | false	ソースマップを出力します。
25	--ssl = true | false	HTTPSを使用して提供します。 デフォルト：false
26	--sslCert = sslCert	HTTPSの提供に使用するSSL証明書。
27	--sslKey = sslKey	HTTPSの提供に使用するSSLキー。
28	--vendorChunk = true | false	ベンダーライブラリのみを含む別のバンドルを使用してください。
29	--verbose = true | false	出力ログに詳細を追加します。
30	--watch = true | false	変更時に再構築します。 デフォルト：true

最初にngbuildコマンドを使用して更新されたAngularプロジェクトに移動してから、コマンドを実行します。

例

\>Node\>TutorialsPoint> ng serve
chunk {main} main.js, main.js.map (main) 14.3 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 12.4 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3 MB [initial] [rendered]
Date: 2020-06-04T04:01:47.562Z - Hash: a90c5fc750c475cdc4d1 - Time: 10164ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
: Compiled successfully.

ここで、ngserveコマンドがプロジェクトTutorialsPointを正常にビルドして提供しました。次に、ブラウザーウィンドウでhttp：// localhost：4200を開き、出力を確認します。