Код не компилируется, а выдает страницу с просто с файлами моего кода
скачал код проекта по vue3 на gitHub, что бы разобраться в коде. Открыл его через VS CODE, проверил наличие node, запустил проект, и в браузере мне открылась страница просто с папками проекта. Подскажите пожалуйста, почему код не компилируется. Спасибо большое.


Ответы (2 шт):
На скриншоте виден номер порта: 5500. Это порт, который по умолчанию использует расширение GoLive для VS Code. GoLive - это очень простой веб сервер, котрый не имеет никакого отношения к Ноде.
Как я помню, Нода обычно вешается на порт 3000. Попробуйте в браузере поменять номер порта. Убедитесь также, что нода запущена в консоли.
Дополняю ответ.
Прошу прощенния, перепутал Vue с реактом. Это у него сервер разработки на 3000 порту, у Vue - на 8080.
Короткий ответ: в консоли VS Code надо написать команду npm run serve, в результате запустится "сервер разработки" на node, и при запуске он напишет в консоли что нужно зайти по адресу http://localhost:8080/:
Заходим по этому адресу, видим, что всё на месте:

Теперь - как я разобрался.
Самым информативным оказался скриншот с картинкой VS Code с открытым проектом.
Я нашел vue - компонент, который показан на картинке.
Попробовал повторить шаги.
Клонирую себе репозиторий https://github.com/jonbackus/vue3-accessible-accordion
Склонировал.
Студия предложила мне поставить расширение для Vue, согласился.
Вижу по коду, что вроде бы это законченый пример. Иду читать, как такие примеры запускать. Нахожу: https://docs.kontent.ai/tutorials/develop-apps/get-started/run-sample-app?tech=javascript
В принципе, дальше я шел по этой инструкции:
запускаем npm install, смотрим, как нода ставит себе полмира
Запускаем npm run serve - любуемся на работу компонента.
Встал вопрос: можно ли VS Code обучить делать то же самое по наждатию F5. Думаю, что нужно ей сделать default task, но еще не пробовал.
- Если проект ни разу не собирали, то попробуйте для начала выполнить сборку командой
npm run build - Что бы запустить среду разработки vue-cli на конкретном порту, надо указать этот порт вручную в консоли командой
npm run serve -- --port 3000, где 3000 и есть номер порта. - В браузере открываем адрес:
localhost:3000, где "3000" это указанный порт из пункта 2.
PS: Если пункт 2 не получится, то скиньте скриншот консоли, после выполнения команды.
