Как правильно организовать работу Visual Studio Code с сайтом?

Question

[KoystrubVS]

Не так давно познакомился с VSC, до этого работал в notepad++. Ситуация такая.
Есть проект на vue.js+vue cli с шаблоном и //vue.config.js. - аналог webpack
Грубо говоря, файлы *.vue, и после yarn build компиляция в 3 готовых файла.

И не могу сообразить, как настроить эту компиляцию и/или тестовый запуск в работу сразу на хостинге с сайтом?
Т.е. запустить yarn run serve и запуск будет например на site.ru/app
Запустил yarn build serve и файлы скомпилились на site.ru/start_app/js

Не сильно разбираюсь и многое не понимаю, если что-то не правильно написал - исправляйте.

Comments

[NewDevLab]

Сложно всё как-то стало. Абстракции призваны упрощать, а сейчас у них это не очень хорошо получается. Зависимости протекают вниз по стеку и требуют отдельного подхода. Что-то говорит, что так быть не должно.

Answer 1

[Crazy Citizen]

Приятного вечера, если правильно вас понял, то вы создали проект на vue-cli в котором создаете приложение на основе однофайловых компонентов, если так то вам вообще пока не особо нужно париться на счет сборки проекта, webpack сам все сделает и лучше без причины ему не мешать. Пока разрабатываете проект можете пользоваться командой yarn run serve, этого будет вполне достаточно, просто запустили в отдельном терминале и работаете с проектом дальше, если решите деплоить так сказать то вариантов много, кто-то собирает проект через build кто-то с помощью pm2 вешает проект yarn run prod и все. Тут кто-как но для работы достаточно yarn run serve и счастье вам)

Comments

[KoystrubVS]

Спасибо за ответ! Тут у меня вопрос такой, webpack по умолчанию запускает проект на localhost, как можно изменить это на рабочий сайт в VSC? Т.е. запустить yarn run serve и запуск будет например на site.ru/app

[Crazy Citizen]

В таком случае у вас должен быть свой сервер, с купленным доменным именем - site.ru. Далее сервер должен быть настроен так, чтобы например все что приходит по этому маршруту, проксировалось с nginx(к примеру) на порт на котором вы поднимете свое приложение с помощью pm2(тоже к примеру) :D

[KoystrubVS]

Crazy Citizen, хост есть, домен есть. Я например не правильно думаю, что могу разместить сам проект на сервере и подключиться к нему через например Remote Workspace? Далее если буду делать build то указать уже папку?)

[Crazy Citizen]

Да, можно разместить проект на сервере, тет опять же пара вариантов:
1) Вы пользуетесь репозиторием и постоянно обновляете его и пересобираете приложение после обновлений репозитория(я так в начале своего пути делал))))
2) Я обычто использую MobaXterm, размещаю проект на сервере в вашем случае сделал бы yarn run serve и работал бы с файлами vue дальше только уже через MobaXterm, в ней можно настроить VCS как основной редактор, хотя ваш вариант думаю тоже реале, просто я не пользовался RemoteWorkspace в VCS.
Вот ссылка но MobaXterm https://mobaxterm.mobatek.net/

[zvekov]

Попробуйте связку zeit.io + github.
Работаете в vs на локалке, комитите и пушите на github, автобилд на zeit.