Как поменять угловой порт с 4200 на любой другой

Ответ 1

Решение для меня было

ng serve --port 4401    

(Вы можете изменить 4401 на любой номер, который вы хотите)

Затем запустите браузер → http://localhost:4401/

В принципе, у меня было два Приложения и с помощью вышеописанного подхода теперь я могу запускать оба из них одновременно в моей среде разработки.

Ответ 2

Вы можете изменить порт приложения, введя следующую команду:

нг подача --port 4200

Также для постоянной настройки вы можете изменить порт, отредактировав файл angular-cli.json

 "defaults": {
    "serve": {
      "port": 8080
    }
  }

Ответ 3

Изменение nodel_modules/angular-cli/commands/server.js - плохая идея, поскольку она будет обновлена ​​при установке новой версии angular-cli. Вместо этого вы должны указать ng serve --port 5000 в package.json следующим образом:

"scripts": {
    "start": "ng serve --port 5000"
}

Вы также можете указать хост с - хостом 127.0.0.1

Ответ 4

Похоже, что в последних версиях CLI все изменилось (я использую 6.0.1). Я смог изменить порт по умолчанию, используемый ng serve, добавив опцию port в мой проект angular.json:

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

(В этом примере показаны только соответствующие свойства.)

Ответ 5

Расположение параметров порта изменилось пару раз.

При использовании Angular CLI 1

Изменить angular-cli.json

{
  "defaults": {
    "serve": {
      "host": "0.0.0.0",
      "port": 5000 
    }
  }
}

Если используется последняя версия Angular CLI

Изменить angular.json

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "0.0.0.0",
                  "port": 5000
                }
            }
        }
        ...
    }
}

Без изменения какого-либо файла

Запустите команду

ng serve --host 0.0.0.0 --port 5000

Ответ 6

Никто не обновил ответ для последнего Angular CLI. С последним Angular CLI

В latest version angular-cli, в которой angular-cli.json переименован в angular.json, вы можете изменить порт, отредактировав файл angular.json котором теперь указывается порт для каждого "project"

projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 4500
                }
            }
        }
    }
}

Подробнее об этом here

Ответ 7

Я обычно использую команду ng set для изменения настроек Angular CLI для уровня проекта.

ng set defaults.serve.port=4201

Он меняет ваш .angular.cli.json и добавляет настройки порта, как упоминалось ранее.

После этого изменения вы можете использовать просто ng serve и он будет использовать предпочтительный порт без необходимости каждый раз указывать его.

Ответ 8

вы также можете ввести следующую команду в своем angular кли, где вы обычно вводите npm start

ng serve --host "ip-address" --port "port-number"

Ответ 9

• Для постоянных:

  Перейти к nodel_modules/angular -cli/commands/server.js Найдите var defaultPort = process.env.PORT || 4200; и измените 4200 на все, что вы хотите.

• Чтобы выполнить сейчас:

  ng serve --port 4500 (вы меняете 4500 на любое число, которое вы хотите использовать в качестве своего порта)

Ответ 10

вы также можете написать эту команду: ng serve -p 5000

Ответ 11

в угловых 2++.

Для изменения порта вы можете запустить в терминале следующую команду:

ng serve --host 0.0.0.0 --port 5000.

Ответ 12

Вы можете изменить номер порта по умолчанию, который настроен в файле serve.js.

Путь будет project_direcory/node_modules/angular-cli/commands/serve.js.

Искать эту строку → var defaultPort = process.env.PORT || 4200;
Замените эту строку → var defaultPort = process.env.PORT || 5000;

Ответ 13

просто запустите ng serve --port 5000 --open

Ответ 14

Запустите команду ниже для 4200

ng serve --port 4500

Ответ 15

В angular.json:

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
          "browserTarget": "projectname:build",
          "port": 5000
         }

Я использую Angular-Cli. Это сработало для меня.

Ответ 16

Хотя в приведенных выше ответах уже есть множество действительных решений, здесь приведено наглядное руководство и конкретное решение для проектов Angular 7 (возможно, и более ранних версий, но без гарантий) с использованием кода Visual Studio. Найдите schema.json в каталогах, как показано в дереве изображений, и измените целое число в разделе порт → по умолчанию для постоянного изменения порта в браузере.

Ответ 17

перейти к этому файлу

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

и порт поиска

"port": {
  "type": "number",
  "description": "Port to listen on.",
  "default": 4200
},

измените по умолчанию все, что вы хотите и перезапустите сервер

Ответ 18

Просто беги

нг служить --port ваш порт

Пример:

ng serve --port 4401

Ответ 19

Код работал для меня следующим образом

ng serve --port ABCD

Например,

ng serve --port 6300

Ответ 20

У нас есть два способа изменить номер порта по умолчанию в 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
    },

Ответ 21

Для запуска и открытия в браузере автоматически используйте флаг -open или просто -o

ng serve -o --port 4200

Примечание: Порт 4200 является произвольным. Это может быть любой порт на ваш выбор