📜  Angular CLI-ng serve命令(1)

📅  最后修改于: 2023-12-03 14:59:18.019000             🧑  作者: Mango

Angular CLI-ng serve命令介绍

Angular CLI是一个用于开发Angular应用程序的命令行工具。其中的ng serve命令是一项非常有用的功能,它用于在本地开发服务器上启动和运行Angular应用程序。

安装Angular CLI

首先,你需要使用npm全局安装Angular CLI。运行以下命令进行安装:

npm install -g @angular/cli
使用ng serve命令

一旦你安装了Angular CLI,你就可以使用ng serve命令在本地开发服务器上启动你的Angular应用程序。这将自动构建和编译你的应用,并在浏览器中实时显示应用的变化。

默认情况下,ng serve命令将在http://localhost:4200/上启动开发服务器,并监听文件的变化。每次你保存文件时,应用程序将自动重新加载。

以下是如何使用ng serve命令的一些选项:

  • --port <port-number>: 指定本地开发服务器的端口号。默认为4200。
  • --host <host-name>: 指定本地开发服务器的主机名称。默认为localhost。
  • --open: 在启动开发服务器后,自动打开浏览器。
  • --ssl: 在启动开发服务器时启用HTTPS。
  • --prod: 使用生产模式构建和启动应用程序。
示例

下面是如何使用ng serve命令的示例:

ng serve --port 4201 --host 0.0.0.0 --open

以上命令将在http://0.0.0.0:4201/上启动开发服务器,并自动打开浏览器。

结论

ng serve命令是一个非常方便的工具,用于在本地开发服务器上构建和启动Angular应用程序。使用这个命令,你可以轻松地进行开发、测试和调试,同时实时查看应用程序的变化。