Question

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

工作正常，我的应用正在localhost:4200上运行。

npm start如何运行我的应用？

我还想知道正在使用哪种服务器托管我的应用程序，因为我没有创建任何Web服务器（例如Nodejs服务器等）。

有什么方法可以自定义此服务器，例如更改端口号？

P.s：我正在使用Angular 6

Answer 1

使用npm start运行应用程序时，npm会尝试在您的应用程序文件夹中找到配置文件package.json。如果存在，请在{的start property中指定命令{1}}将运行。就您而言，该命令可能是scripts object。

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

转到构建器文件夹，打开serve。您将看到此文件中指定的默认端口为schema.json。

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

Answer 2

运行命令npm start时，npm将运行 packages.json 文件

中提到的命令。

在该文件中，我们将使用各种脚本，例如 start，build，test 等

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

这些脚本将具有触发角度CLI动作的命令。

基本上 npm start 是这些脚本命令的别名。您可以更改或创建自己的脚本集。

当您已经安装了npm时，nodejs将被安装在您的计算机中。角度CLI将使用节点服务器来运行您的应用程序。

默认情况下，端口号为4200，您可以自定义要运行的端口。

另一种选择是使用--port选项运行ng serve命令，例如

ng serve --port 5050 (i.e for port 5050)

或者，命令：ng serve --port 0，将自动分配一个可用的端口。

您可以根据需要更新packages.json中的脚本。

使用命令npm start

2 个答案: