Angular CLI ng serve 命令
本章通过示例解释 ng serve 命令的语法、参数和选项。
语法
ng serve 命令的语法如下：
ng serve <project> [options] ng s <project> [options]
ng serve 命令构建并提供应用程序。如果发生更改，它会重建应用程序。这里的 project 是 angular.json 中定义的应用程序的名称。
论据
ng serve 命令的参数如下：
| 序号. | 参数和语法 | 描述 |
|---|---|---|
| 1 | <项目> | 要构建的项目的名称。可以是应用程序或库。 |
Options
选项是可选参数。
| 序号. | 选项和语法 | 描述 |
|---|---|---|
| 1 | --allowedHosts | 允许访问开发serve 器的主机白名单。 |
| 2 | --aot=真|假 | 使用 Ahead of Time 编译构建。 |
| 3 | --baseHref=baseHref | 正在构建的应用程序的基本 url。 |
| 4 | --buildEventLog=buildEventLog | 构建事件协议事件的实验输出文件路径 |
| 5 | --commonChunk=真|假 | 使用包含跨多个包使用的代码的单独包。 |
| 6 | --配置=配置 |
命名的构建目标，在 angular.json 的“配置”部分中指定。每个命名的目标都伴随着该目标的选项默认配置。显式设置它会覆盖“--prod”标志。 别名：-c |
| 7 | --deployUrl=deployUrl | 将部署文件的 URL。 |
| 8 | --disableHostCheck=真|假 |
不要验证连接的客户端是否属于允许的主机。 默认值：假 |
| 9 | --help=true|false|json|JSON |
在控制台中显示此命令的帮助消息。 默认值：假 |
| 10 | --hmr=真|假 |
启用热模块更换。 默认值：假 |
| 11 | --hmrWarning=真|假 |
启用 --hmr 选项时显示警告。 默认值：真 |
| 12 | --主机=主机 |
主持人聆听。 默认值：本地主机 |
| 13 | --liveReload=true|false |
是否在更改时重新加载页面，使用实时重新加载。 默认值：真 |
| 14 | --open=真|假 |
在默认浏览器中打开 url。 默认值：假 别名：-o |
| 15 | --优化=真|假 | 启用构建输出的优化。 |
| 16 | --poll | 启用并定义文件监视轮询时间段(以毫秒为单位)。 |
| 17 | --port |
要监听的端口。 默认值：4200 |
| 18 | --prod=真|假 | “--configuration=production”的简写。如果为 true，则将构建配置设置为生产目标。默认情况下，生产目标是在工作空间配置中设置的，因此所有构建都使用捆绑、有限的 tree-shaking 以及有限的死代码消除。 |
| 19 | --进度=真|假 | 在构建时将进度记录到控制台。 |
| 20 | --proxyConfig=proxyConfig | 代理配置文件。 |
| 21 | --publicHost=publicHost | 浏览器客户端(或实时重载客户端，如果启用)应用于连接到开发serve 器的 URL。用于复杂的开发serve 器设置，例如具有反向代理的设置。 |
| 22 | --servePath=servePath | 将提供应用程序的路径名。 |
| 23 | --servePathDefaultWarning=true|false |
当 deploy-url/base-href 使用不受支持的serve 路径值时显示警告。 默认值：真 |
| 24 | --sourceMap=true|false | 输出源图。 |
| 25 | --ssl=真|假 |
使用 HTTPS 提供serve 。 默认值：假 |
| 26 | --sslCert=sslCert | 用于提供 HTTPS 的 SSL 证书。 |
| 27 | --sslKey=sslKey | 用于提供 HTTPS 的 SSL 密钥。 |
| 28 | --vendorChunk=真|假 | 使用仅包含供应商库的单独捆绑包。 |
| 29 | --verbose=真|假 | 为输出日志添加更多详细信息。 |
| 30 | --watch=真|假 |
根据变化重建。 默认值：真 |
首先移动到使用更新的角度项目 ng build 命令，然后运行命令。本章可在 https://www.newbiego.com/angular_cli/angular_cli_ng_build.htm。
例子
下面给出一个 ng serve 命令的例子：
\>Node\>NewbieGo> 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:// 本地主机：4200/ **
: Compiled successfully.
这里 ng serve 命令已经成功构建并serve 了我们的项目 NewbieGo。现在在浏览器窗口中打开 http://localhost:4200 并验证输出。
