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

Я хочу использовать 5000 вместо 4200 ..

Я попробовал создать файл с именем root ember-cliи поместить JSON в соответствии с приведенным ниже кодом:

{
   "port": 5000
}

Но мое приложение все еще работает на 4200 вместо 5000

Решение сработало для меня было

ng serve --port 4401    

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

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

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

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

нг служить --порт 4200

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

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

Кажется, все изменилось в последних версиях 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
                    }
                }
            }
        }
    }
}

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

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

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

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

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

При использовании 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

Никто не обновил ответ для последней версии Angular CLI. Angular CLI

С помощью latest versionangular-cli, в который angular-cli.json переименован angular.json, вы можете изменить порт, отредактировав angular.jsonфайл, который вы сейчас указываете для порта."project"

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

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

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

ng set defaults.serve.port=4201

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

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

Вы также можете ввести нижеприведенную команду в свой угловой код, где вы обычно вводите npm start

ng serve --host "ip-адрес" --port "номер порта"

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

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

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

и порт поиска

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

измените значение по умолчанию на любое другое и перезапустите сервер

• Для постоянного:

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

• Чтобы запустить сейчас:

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

Не рекомендуется вносить изменения в модули узла, так как обновления или переустановка могут удалить эти изменения. Так что лучше поменять в угловых кли

Угловой 9 в angular.json

{
    "projects": {
            "targets": {
                "serve": {
                    "options": {
                         "port": 5000
                     }
                }     
            }     
    }
}  

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

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

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

просто беги ng serve --port 5000 --open

Запустите команду ниже, чем 4200

ng serve --port 4500

В angular.json:

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

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

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

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

ng serve --host 0.0.0.0 --port 5000.

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

Перейти к angular.jsonфайлу,

Поиск по ключевому слову "serve":

Добавьте portключевое слово, как показано ниже:

 "serve": {
     "builder": "@angular-devkit/build-angular:dev-server",
     "options": {
         "browserTarget": "my-new-angular-app:build",
         "port": 3001
     },
     ...

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

Просто беги

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

Пример:

ng serve --port 4401

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

ng serve --port ABCD

Например

ng serve --port 6300

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

ng serve -o --port 4200

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

Если вы хотите использовать переменную среды NodeJS для установки значения порта сервера разработки Angular CLI, возможен следующий подход:

• создайте сценарий NodeJS, который будет иметь доступ к переменной окружения (скажем, DEV_SERVER_PORT) и может выполняться ng serveсо --portзначением параметра, взятым из этой переменной ( child_process может быть нашим другом здесь):

const child_process = require('child_process');
const child = child_process.exec(`ng serve --port=${process.env.DEV_SERVER_PORT}`);
child.stdout.on('data', data => console.log(data.toString()));

• Обновите package.json, чтобы этот скрипт работал через npm.
• не забудьте установить DEV_SERVER_PORTпеременную окружения (можно сделать через dotenv )

Вот также полное описание этого подхода: Как изменить порт Angular CLI Development Server через .env .

Это также автоматически откроет ваше окно

ng serve -o --port 4801