ng serve
构建应用,并启动开发服务器,当文件变化时重新构建。
Builds and serves your app, rebuilding on file changes.
ng serve <project> [options]
ng s <project> [options]
参数
参数 | 说明 | Value Type |
---|---|---|
<project> | 要构建的项目名。可以是应用或库。 The name of the project to build. Can be an application or a library. | string |
选项
选项 | 说明 | Value Type | Default Value |
---|---|---|---|
--allowed-hosts | 允许访问开发服务器的主机列表。 List of hosts that are allowed to access the dev server. | array | |
--aot | 已弃用: 使用 browser 构建器中的 "aot" 选项代替。 Use the "aot" option in the browser builder instead. 使用预先(AOT)编译进行构建。 Build using Ahead of Time compilation. | boolean | |
--base-href | 已弃用: 使用 browser 构建器中的 "baseHref" 代替。 Use the "baseHref" option in the browser builder instead. 所构建的应用程序的 base URL。 Base url for the application being built. | string | |
--browser-target | 一个浏览器构建器目标,用来以 A browser builder target to serve in the format of | string | |
--common-chunk | 已弃用: 使用 browser 构建器中的 "commonChunk" 代替。 Use the "commonChunk" option in the browser builder instead. 生成一个单独的捆绑包,其中包含跨多个捆绑包使用的代码。 Generate a seperate bundle containing code used across multiple bundles. | boolean | |
--configuration | 构建器的一个或多个命名配置,是一个逗号分隔的列表,就像在 angular.json 的 "configurations" 部分指定的一样。 构建器使用这些命名配置运行给定的目标。 欲知详情,参见 https://angular.cn/guide/workspace-config#alternate-build-configurations。 可以通过显式指定 "--prod" 标志来覆盖它。 One or more named builder configurations as a comma-separated list as specified in the "configurations" section of angular.json. The builder uses the named configurations to run the given target. For more information, see https://angular.io/guide/workspace-config#alternate-build-configurations. Setting this explicitly overrides the "--prod" flag. 别名: -c | string | |
--deploy-url | 已弃用: 使用 browser 构建器中的 "deployUrl" 代替。 Use the "deployUrl" option in the browser builder instead. 这些文件将部署到的 URL。 URL where files will be deployed. | string | |
--disable-host-check | 不要验证连接的客户端是否属于允许的主机。 Don't verify connected clients are part of allowed hosts. | boolean | false |
--help | 在控制台显示关于本命令的帮助信息。 Shows a help message for this command in the console. | true|false|json|JSON | false |
--hmr | 启用模块热替换。 Enable hot module replacement. | boolean | false |
--hmr-warning | 已弃用: 已经不起作用了。 No longer has an effect. 启用 --hmr 选项时显示警告。 Show a warning when the --hmr option is enabled. | boolean | true |
--host | 要监听的主机。 Host to listen on. | string | localhost |
--live-reload | 是否要利用实时重载在更改时刷新页面。 Whether to reload the page on change, using live-reload. | boolean | true |
--open | 在默认浏览器中打开此 URL。 Opens the url in default browser. 别名: -o | boolean | false |
--optimization | 已弃用: 使用 browser 构建器中的 "optimization" 选项代替。 Use the "optimization" option in the browser builder instead. 启用构建输出的优化。包括脚本和样式的最小化、摇树优化、消除死代码和内联字体等。欲知详情,请参阅https://angular.cn/guide/workspace-config#optimization-configuration。 Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, tree-shaking and fonts inlining. For more information, see https://angular.io/guide/workspace-config#optimization-configuration. | boolean | |
--poll | 启用轮询并定义毫秒为单位的轮询间隔。 Enable and define the file watching poll time period in milliseconds. | number | |
--port | 要监听的端口。 Port to listen on. | number | 4200 |
--prod | "--configuration=production" 的简写形式。 把构建配置的目标设置为产品环境。 默认情况下,产品环境目标是在工作空间配置中设置的,可以设置打包方式、摇树优化限制、死代码移除限制等方面。 Shorthand for "--configuration=production". Set the build configuration to the production target. By default, the production target is set up in the workspace configuration such that all builds make use of bundling, limited tree-shaking, and also limited dead code elimination. | boolean | |
--progress | 已弃用: 使用 browser 构建器中的 "progress" 代替。 Use the "progress" option in the browser builder instead. 在构建时将进度记录到控制台。 Log progress to the console while building. | boolean | |
--proxy-config | 代理配置文件。 Proxy configuration file. | string | |
--public-host | 浏览器客户端(或实时重载客户端,如果启用)用于连接开发服务器的 URL。用于复杂的开发服务器设置,例如带有反向代理的服务器。 The URL that the browser client (or live-reload client, if enabled) should use to connect to the development server. Use for a complex dev server setup, such as one with reverse proxies. | string | |
--serve-path | 要在其中启动应用服务器的路径名。 The pathname where the app will be served. | string | |
--serve-path-default-warning | 已弃用: 已经不起作用了。 No longer has an effect. 当 deploy-url/base-href 使用了不受支持的服务路径时,显示警告。 Show a warning when deploy-url/base-href use unsupported serve path values. | boolean | true |
--source-map | 已弃用: 使用 browser 构建器中的 "sourceMap" 代替。 Use the "sourceMap" option in the browser builder instead. 输出脚本和样式的源码映射信息。欲知详情,请参阅https://angular.cn/guide/workspace-config#source-map-configuration。 Output source maps for scripts and styles. For more information, see https://angular.io/guide/workspace-config#source-map-configuration. | boolean | |
--ssl | 用 HTTPS 方式提供服务。 Serve using HTTPS. | boolean | false |
--ssl-cert | 用于提供 HTTPS 服务的 SSL 证书。 SSL certificate to use for serving HTTPS. | string | |
--ssl-key | 用于提供 HTTPS 服务的 SSL 密钥。 SSL key to use for serving HTTPS. | string | |
--vendor-chunk | 已弃用: 使用 browser 构建器中的 "vendorChunk" 代替。 Use the "vendorChunk" option in the browser builder instead. 生成仅包含供应商库的单独捆绑包。此选项只能用于开发阶段。 Generate a seperate bundle containing only vendor libraries. This option should only used for development. | boolean | |
--verbose | 将更多详细信息添加到输出日志记录。 Adds more details to output logging. | boolean | |
--watch | 在更改时重建。 Rebuild on change. | boolean | true |