Что происходит, когда я запускаю приложение Angular с помощью команды npm start - PullRequest
Новая
       1

Что происходит, когда я запускаю приложение Angular с помощью команды npm start

0 голосов
/ 05 октября 2018

Я новичок в веб-программировании. Я следовал учебному пособию по созданию простого веб-приложения с Angular CLI, затем говорится, что я могу запустить приложение локально, используя команду npm start.

Это сработало, и мое приложение работало на localhost:4200.

Что npm start делает для запуска моего приложения?

Мне также интересно, какой тип сервера использовался для размещения моегоприложение, потому что я не создал никакого веб-сервера (например, сервер Nodejs и т. д.).

Есть ли способ настроить этот сервер, например, изменить номер порта?

Ps: Яиспользуя Angular 6

Ответы [ 2 ]

0 голосов
/ 05 октября 2018

Когда вы запускаете приложение с помощью npm start, npm попытается найти файл конфигурации package.json в папке вашего приложения. Если он существует, будет выполнена команда, указанная в start property из scripts object.В вашем случае, команда, вероятно, будет ng serve.

Затем она будет использовать webpack-dev-server для запуска локального веб-сервера.В angular.json путь к папке компоновщика, используемого для запуска локального сервера, указывается в свойстве builder объекта serve.

Перейдите в папку Builder, откройте schema.json.Вы увидите, что в этом файле указан порт по умолчанию 4200.

Самый простой способ изменить порт - это использовать ng serve с параметром порта.Например, если вы хотите запустить свое приложение, используя port 5000, используйте ng serve --port 5000.Вы можете выполнить эту команду непосредственно в cmd или указать ее в свойстве start объекта scripts.

0 голосов
/ 05 октября 2018

Когда вы запускаете команду npm start, npm запускает команду, указанную в packages.json file

В этом файле у нас будут различные сценарии, такие как start, build, test etc 

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

Эти сценарии будут иметь команду для запуска угловых действий CLI.

В основном npm start - псевдонимНазвание этих команд сценария.Вы можете изменить или создать свой собственный набор сценариев.

Поскольку вы уже установили npm, nodejs будет установлен на вашем компьютере.Угловой интерфейс командной строки будет использовать сервер узлов для запуска вашего приложения.

По умолчанию номер порта 4200, вы можете настроить порт, который вы хотите запустить.

Другой вариант - запустить команду ng serveс параметром --port, например, 

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

В качестве альтернативы команда: ng serve --port 0 автоматически назначит доступный порт для использования.

Вы можете обновить скрипт в пакетах.json исходя из ваших потребностей.

...