Как поделиться локальной разработкой: быстрая ссылка на дев версию приложения с горячими обновлениями – всего за несколько кликов. Такая возможность появилась в редакторе VS Code с сентябрьскими обновлениями 2023 года. Новая вкладка Ports позволяет создать туннель между localhost и временной версией, опубликованной в Интернете.
Расшифровка видео
0:01
вы работаете над сайтом У вас есть
0:04
локальная версия налоговых остек но вы
0:06
хотите поделиться этой версией с
0:08
клиентом тестировщиком себе на мобилу
0:10
скинуть хотите при этом чтобы эта версия
0:12
была синхронизована с тем что у вас на
0:15
локовых остек две одинаковые версии и
0:17
любая вашаправка могла бы отражаться
0:19
между обеими версиями как этого добиться
0:22
сегодня это легко сделать в редакторе
0:25
весь код благодаря тому что называется
0:27
порты рядом с терминалом появилась новая
0:30
вкладка после обновления вискозы мы
0:32
можем соответственно Добавить сюда порт
0:34
на наш localhost получить ссылку и
0:36
сделать ее публичной или активной
0:37
Давайте пройдем этот путь с нуля Я
0:39
добавляю сюда порт в данном случае мне
0:42
нужен только хвост
0:44
и конкретный порт который я использую
0:46
для своего локального приложения дальше
0:48
ссылка создается автоматически Я эту
0:51
ссылку могу скопировать в буфер нажать
0:53
на кнопку чтобы открылся браузер но
0:55
здесь есть нюанс когда мы в приватном
0:57
режиме то нам доступ будет только для
1:00
нашего github аккаунта соответственно Мы
1:03
в исходе должны быть авторизованы через
1:04
github аккаунт при попытке зайти в
1:07
приватную область нам также предложат
1:09
Войти через github откат допустим с
1:11
телефона или другого устройства если мы
1:13
хотим пошарить эту ссылку с кем угодно
1:15
мы делаем ее публичной
1:18
снова копируем ссылку и в данном случае
1:21
у меня открыта область с режимом
1:24
инкогнито
1:25
Я могу даже открыть другой браузер и в
1:28
другом браузере всю эту историю открыть
1:30
причем здесь у меня сначала идет
1:31
предупреждение внимание вы находитесь в
1:35
тайной зоне в какой-то разработчик с
1:37
вами чем-то делится Будьте аккуратны Вы
1:39
уверены своему доверяете и здесь
1:41
нажимаем на кнопку continue и уже тогда
1:43
получаем рабочую версию сайта она точно
1:46
такая же как у нас на локал Хосте чтобы
1:49
в этом убедиться я закомментирую
1:50
допустим Hero на своем сайте сохраняюсь
1:53
у меня в терминале произойдут какие-то
1:55
обновления я вернусь на свой Лог колхоз
1:58
и увижу что да изменения вступили в силу
2:00
и скажу допустим своему коллеге обновив
2:03
себя по той же ссылке ссылка не
2:05
изменилась обновление те же самые
2:07
колхости очень удобно Для того чтобы
2:10
синхронизироваться как только мы
2:12
закрываем соединение во вкладке порты
2:15
либо как только мы останавливаем нашу
2:18
современную разработку неважно либо то
2:22
данная ссылка которую мы предоставляли
2:24
перестает работать
2:26
просто ничего не доступно вот такой
2:28
простой способ используя вкладку порты