Чтобы изменить номер порта в проекте Vue CLI, вы можете использовать несколько методов. Вот некоторые из распространенных подходов:

1. Метод 1. Укажите порт в файле package.json:

   • Откройте файл package.json в корневом каталоге вашего проекта Vue CLI.
   • Найдите раздел «Скрипты».
   • Найдите сценарий «serve», который отвечает за работу сервера разработки.
   • Добавьте в сценарий «serve» флаг --port, за которым следует желаемый номер порта. Например:

     "scripts": {
     "serve": "vue-cli-service serve --port 8081"
     }

2. Способ 2. Используйте интерфейс командной строки (CLI):

   • Откройте терминал или командную строку.
   • Перейдите в корневой каталог вашего проекта Vue CLI.
   • Выполните следующую команду, заменив desired-port-numberномером порта, который вы хотите использовать:

     vue-cli-service serve --port desired-port-number

3. Способ 3. Создайте файл.env:

   • Создайте новый файл с именем .envв корневом каталоге вашего проекта Vue CLI, если он не существует.
   • Добавьте следующую строку в файл.env, заменив desired-port-numberна желаемый номер порта:

     VUE_APP_DEV_SERVER_PORT=desired-port-number

4. Метод 4. Используйте файл Vue.config.js:

   • Создайте файл vue.config.jsв корневом каталоге вашего проекта Vue CLI, если он не существует.
   • Добавьте следующий код в файл vue.config.js, заменив desired-port-numberна желаемый номер порта:

     module.exports = {
     devServer: {
      port: desired-port-number
     }
     };

После внесения необходимых изменений любым из вышеперечисленных способов сохраните файлы и перезапустите сервер разработки. Теперь ваш проект Vue CLI должен работать на новом номере порта.