首页 > 解决方案 > 当我使用命令 npm start 运行 Angular 应用程序时会发生什么

问题描述

我是 Web 编程的新手。我按照教程使用 Angular CLI 创建了一个简单的 Web 应用程序,然后据说我可以使用命令在本地运行该应用程序npm start

它有效,我的应用程序正在运行localhost:4200

如何npm start运行我的应用程序?

我还想知道使用哪种服务器来托管我的应用程序,因为我没有创建任何 Web 服务器(例如:Nodejs 服务器等)。

有没有办法自定义这个服务器,比如改变端口号?

Ps:我正在使用 Angular 6

标签: node.jsangularangular-cli

解决方案


当您使用 运行您的应用程序时npm start,npm 将尝试package.json在您的应用程序文件夹中查找配置文件。如果存在,将运行中指定start property的命令。scripts object在您的情况下,命令可能是ng serve.

然后,它将webpack-dev-server用于启动本地网络服务器。在angular.json中,用于运行本地服务器的构建器的文件夹路径在对象的builder属性中指定serve

转到生成器文件夹,打开schema.json. 4200您将看到此文件中指定的默认端口。

更改端口的最简单方法是使用ng serve端口选项。例如,如果您想使用 运行您的应用程序port 5000,请使用ng serve --port 5000. 您可以直接在 cmd 上运行此命令,也可以在对象的start属性中指定它scripts


推荐阅读