Angular CLI - ng serve 命令

本章解释了 ng serve 命令的语法、参数和选项，并附带示例。

语法

ng serve 命令的语法如下：

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

ng serve 命令构建并启动应用程序。如果发生更改，它将重新构建应用程序。这里 project 是在 angular.json 中定义的应用程序名称。

参数

ng serve 命令的参数如下：

序号	参数 & 语法	描述
1	<project>	要构建的项目名称。可以是应用程序或库。

选项

选项是可选参数。

序号	选项 & 语法	描述
1	--allowedHosts	允许访问开发服务器的主机白名单。
2	--aot=true\|false	使用提前编译 (Ahead of Time compilation)。
3	--baseHref=baseHref	正在构建的应用程序的基本 URL。
4	--buildEventLog=buildEventLog	实验性功能：构建事件协议事件的输出文件路径。
5	--commonChunk=true\|false	使用单独的包包含跨多个包使用的代码。
6	--configuration=configuration	一个命名的构建目标，如 angular.json 的“configurations”部分中指定。每个命名目标都带有该目标的选项默认值配置。显式设置此项将覆盖“--prod”标志。别名：-c
7	--deployUrl=deployUrl	文件将部署到的 URL。
8	--disableHostCheck=true\|false	不验证连接的客户端是否属于允许的主机。默认值：false
9	--help=true\|false\|json\|JSON	在控制台中显示此命令的帮助消息。默认值：false
10	--hmr=true\|false	启用热模块替换 (Hot Module Replacement)。默认值：false
11	--hmrWarning=true\|false	启用 --hmr 选项时显示警告。默认值：true
12	--host=host	要监听的主机。默认值：localhost
13	--liveReload=true\|false	是否在更改时使用实时重载重新加载页面。默认值：true
14	--open=true\|false	在默认浏览器中打开 URL。默认值：false 别名：-o
15	--optimization=true\|false	启用构建输出的优化。
16	--poll	启用并定义文件监视轮询时间段（以毫秒为单位）。
17	--port	要监听的端口。默认值：4200
18	--prod=true\|false	“--configuration=production”的简写。如果为 true，则将构建配置设置为生产目标。默认情况下，生产目标在工作区配置中设置，以便所有构建都使用捆绑、有限的 tree-shaking 和有限的死代码消除。
19	--progress=true\|false	在构建时将进度记录到控制台。
20	--proxyConfig=proxyConfig	代理配置文件。
21	--publicHost=publicHost	浏览器客户端（如果启用，则为实时重载客户端）应用来连接到开发服务器的 URL。用于复杂的开发服务器设置，例如具有反向代理的设置。
22	--servePath=servePath	应用程序将被提供服务的路径名。
23	--servePathDefaultWarning=true\|false	当 deploy-url/base-href 使用不受支持的 serve path 值时显示警告。默认值：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

首先移动到使用ng build命令更新的 Angular 项目，然后运行该命令。本章可在https://tutorialspoint.com/angular_cli/angular_cli_ng_build.htm找到。

示例

下面给出了 ng serve 命令的示例：

\>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 https://:4200/ **
: Compiled successfully.

这里 ng serve 命令成功地构建并启动了我们的 TutorialsPoint 项目。现在在浏览器窗口中打开 https://:4200 并验证输出。

打印页面