Angular CLI教程

Angular CLI ng serve 命令

本章解释了 ng serve 命令的语法、参数和选项以及一个例子。

语法

ng serve 命令的语法如下-
ng serve <project> [options]
ng s <project> [options]
ng serve 命令构建并提供应用程序。如果发生更改,它会重建应用程序。这里的 project 是 angular.json 中定义的应用程序的名称。

参数

ng serve 命令的参数如下-
参数和语法 描述
<project> 要构建的项目的名称。可以是应用程序或库。

选项

选项是可选参数。
选项和语法 描述
--allowedHosts 允许访问开发服务器的主机白名单。
--aot=true|false 使用提前编译进行构建。
--baseHref=baseHref 正在构建的应用程序的基本 URL。
--buildEventLog=buildEventLog 构建事件协议事件的实验输出文件路径
--commonChunk=true|false 使用包含跨多个包使用的代码的单独包。
--configuration=configuration
一个命名的构建目标,在 angular.json 的"配置"部分中指定。每个命名的目标都伴随着该目标的选项默认配置。明确设置此项会覆盖"--prod"标志。
别名:-c
--deployUrl=deployUrl 将部署文件的 URL。
--disableHostCheck=true|false
不要验证连接的客户端是允许主机的一部分。
默认值:false
--help=true|false|json|JSON
在控制台中显示此命令的帮助消息。
默认值:false
--hmr=true|false
启用热模块替换。
默认值:false
--hmrWarning=true|false
启用--hmr 选项时显示警告。
默认值:true
--host=host
监听的主机。
默认:localhost
--liveReload=true|false
是否在更改时重新加载页面,使用实时重新加载。
默认值:true
--open=true|false
在默认浏览器中打开网址。
默认:false
别名:-o
--optimization=true|false 启用构建输出的优化。
--poll 启用并定义以毫秒为单位的文件监视轮询时间段。
--port
监听端口。
默认:4200
--prod=true|false "--configuration=production"的简写。当为 true 时,将构建配置设置为生产目标。默认情况下,生产目标是在工作区配置中设置的,以便所有构建都使用捆绑、有限的 tree-shaking 和有限的死代码消除。
--progress=true|false 在构建时将进度记录到控制台。
--proxyConfig=proxyConfig 代理配置文件。
--publicHost=publicHost 浏览器客户端(或实时重新加载客户端,如果启用)用于连接到开发服务器的 URL。用于复杂的开发服务器设置,例如具有反向代理的设置。
--servePath=servePath 将提供应用程序的路径名。
--servePathDefaultWarning=true|false
当 deploy-url/base-href 使用不受支持的服务路径值时显示警告。
默认值:true
--sourceMap=true|false 输出源映射。
--ssl=true|false
使用 HTTPS 提供服务。
默认值:false
--sslCert=sslCert 用于提供 HTTPS 服务的 SSL 证书。
--sslKey=sslKey 用于提供 HTTPS 服务的 SSL 密钥。
--vendorChunk=true|false 使用仅包含供应商库的单独包。
--verbose=true|false 向输出日志添加更多详细信息。
--watch=true|false
在更改时重建。
默认值:true
首先转到使用 ng build 命令更新的 Angular 项目,然后运行该命令。该章节可在 https://www.lidihuo.com/angular_cli/angular_cli_ng_build.htm。

示例

下面给出了 ng serve 命令的示例-
\>Node\>Lidihuo> 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.
这里 ng serve 命令已经成功构建并提供了我们的项目 Lidihuo。现在在浏览器窗口中打开 http://localhost:4200 并验证输出。
输出
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4