Установить хост по умолчанию и порт для ng serve в файле конфигурации

Я хочу знать, могу ли я установить хост и порт в файле конфигурации, чтобы мне не приходилось печатать

ng serve --host foo.bar --port 80

вместо просто

ng serve

Угловой CLI 6+

В последней версии углового, это установлено в в angular.jsonконфигурационном файле . Пример:

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4444
                    }
                }
            }
        }
    }
}

Вы также можете использоватьng config для просмотра / редактирования значений:

ng config projects["my-project"].architect["serve"].options {port:4444}

Угловой CLI <6

В предыдущих версиях это было установленоangular-cli.json под defaultsэлементом:

{
  "defaults": {
    "serve": {
      "port": 4444,
      "host": "10.1.2.3"
    }
  }
}

На данный момент эта функция не поддерживается, однако, если вас это беспокоит, альтернативой будет ваш package.json ...

"scripts": {
  "start": "ng serve --host foo.bar --port 80"
}

Таким образом, вы можете просто запустить npm start

Другой вариант, если вы хотите сделать это в нескольких проектах, - это создать псевдоним, который вы можете назвать, ngserveкоторый будет выполнять вышеуказанную команду.

Порт HTTP по умолчанию и порт, используемый сервером LiveReload, можно настроить с помощью двух параметров командной строки:

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

https://github.com/angular/angular-cli

Это изменилось в последней версии Angular CLI.

Имя файла изменилось на angular.json, и структура также изменилась.

Вот что вы должны сделать:

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "foo.bar",
                  "port": 80
                }
            }
        }
        ...
    }
}

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

ng serve --port 5050 (т.е. для порта 5050)

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

У нас есть два способа изменить номер порта по умолчанию в Angular.

Первый способ - команда CLI:

ng serve --port 2400 --open

Второй способ заключается в конфигурации на месте:

ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json.

Внесите изменения в файл schema.json.

{
 "title": "Dev Server Target",
  "description": "Dev Server target options for Build Facade.",
  "type": "object",
  "properties": {
    "browserTarget": {
      "type": "string",
      "description": "Target to serve."
    },
    "port": {
      "type": "number",
      "description": "Port to listen on.",
      "default": 2400
    },

Вы можете сохранить их в файле, но вам нужно их вставить .ember-cli(на данный момент, по крайней мере); см. https://github.com/angular/angular-cli/issues/1156#issuecomment-227412924

{
"port": 4201,
"liveReload": true,
"host": "dev.domain.org",
"live-reload-port": 49153
}

редактировать: теперь вы можете установить их в angular-cli.json с момента фиксации https://github.com/angular/angular-cli/commit/da255b0808dcbe2f9da62086baec98dacc4b7ec9 , который находится в сборке 1.0.0-бета.30

Если вы планируете запускать угловой проект на настраиваемом хосте / IP и порте, нет необходимости вносить изменения в конфигурационный файл

У меня сработала следующая команда

ng serve --host aaa.bbb.ccc.ddd --port xxxx

Куда,

aaa.bbb.ccc.ddd --> IP you want to run the project
xxx --> Port you want to run the project

пример

ng serve --host 192.168.322.144 --port 6300

Результат для меня был

Если вы используете Windows, вы можете сделать это следующим образом:

1. В корневом каталоге вашего проекта создайте файл run.bat
2. Добавьте вашу команду с вашим выбором конфигураций в этом файле. Например

ng serve --host 192.168.1.2 --open

3. Теперь вы можете щелкнуть и открыть этот файл, когда захотите.

Это не стандартный способ, но удобный в использовании (что я чувствую).

вот что я положил в package.json (работает под углом 6):

{
  "name": "local-weather-app",
  "version": "1.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --port 5000",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

Тогда простой запуск npm будет вытягивать содержимое запуска. Могут также добавить другие параметры к содержанию

введите описание изображения здесь

Только одна вещь, которую вы должны сделать. Введите это в командной строке: ng serve --port 4021 [или любой другой порт, который вы хотите назначить, например: 5050, 5051 и т. Д.]. Нет необходимости делать изменения в файлах.

Если вы хотите, чтобы ваш локальный IP-адрес был открыт при запуске ng serve, вы можете сделать следующее:

npm install internal-ip-cli --save
ng serve --open --host $(./node_modules/.bin/internal-ip --ipv4)