Программирование

Как программировать совместно, используя Live Share кода Visual Studio

Как программировать совместно, используя Live Share кода Visual Studio

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

Многие команды используют такие инструменты, как Slack и Discord, чтобы оставаться на связи как группа. Контроль версий позволяет людям совместно работать над проектом и синхронизировать его с одним и тем же онлайн-хранилищем.

Эти инструменты являются фантастическими, но что, если бы был способ объединить эти концепции в IDE? У Microsoft есть ответ в Live Share для кода Visual Studio (VS) и Visual Studio. Сегодняшнее руководство будет посвящено VS Code.

(Если вы все еще не уверены, стоит ли выбирать код Visual Studio вместо Atom , мы можем помочь вам решить.)

Что такое VS Live Share?

VS Live Share позволяет двум или более людям совместно работать над кодом в режиме реального времени, используя учетные записи Microsoft или GitHub. Стандартные сеансы Live Share поддерживают до пяти одновременно работающих пользователей, хотя при изменении настроек это число увеличивается до 30. Вкладывать код в код могут только зарегистрированные пользователи, гости могут наблюдать за сеансом и принимать участие в живом чате.

Пакет VS Live Share Extension содержит аудио, позволяющее пользователям делиться вызовами, а также интеграции для Slack и Discord. Наряду с очевидными преимуществами для удаленных работников, Live Share также является образовательным инструментом. Совместно используемые терминалы и серверы делают Live Share идеальным учебным пособием в классе.

Настройка кода Visual Studio для совместной работы

VS Code бесплатен и доступен для Windows, MacOS и Linux. Если вы еще не являетесь пользователем VS Code, скачайте и установите его, прежде чем продолжить.

Чтобы установить VS Live Share, откройте VS Code и откройте вкладку Extensions на левой панели инструментов. В качестве альтернативы вы можете использовать сочетание клавиш Ctrl-Shift-X . Поиск VS Live Поделиться в строке поиска.

Панель расширения кода VS
Помимо VS Live Share, Microsoft выпустила дополнительные инструменты для связи через внешнее программное обеспечение и аудио. Установите VS Live Share вместе с пакетом расширений VS Live Share . После установки нажмите перезагрузить под любым из расширений в списке, чтобы перезагрузить код Visual Studio и активировать их.

Новые логотипы появляются на боковой панели

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

Настройка сеанса общего доступа в коде VS

визуальный код студии

Настройка сеанса обмена довольно проста. Откройте вкладку VS Live Share на левой панели инструментов. В окне « Сведения о сеансе» доступны три варианта совместного использования кода:

  • Присоединиться к сеансу совместной работы . Используйте это, чтобы присоединиться к чужому сеансу, если он дал вам URL.
  • Начать сеанс совместной работы : используйте его для создания собственного сеанса совместной работы, где другие пользователи могут редактировать код.
  • Начать сеанс совместной работы только для чтения : используйте его для создания сеанса совместной работы, в котором пользователи могут просматривать, но не редактировать код.

Нажав на любой из них, вы получите приглашение войти в свои учетные записи Microsoft или GitHub и перенаправить вас в браузер. Чтобы настроить базовый сеанс, выберите « Начать сеанс совместной работы» и выберите рабочий каталог при появлении запроса. Войдите, и вы будете перенаправлены обратно в VS Code и предложите разрешить брандмауэр.

Это не обязательно, хотя рекомендуется для скорости и стабильности соединения.

Запрос брандмауэра для быстрого соединения

Информационное окно в правом нижнем углу будет содержать вашу ссылку для совместной работы, а также варианты сделать комнату доступной только для чтения и ссылку на дополнительную информацию о процессе обмена.

Контекстное окно совместного доступа к сеансу Live Share

Скопируйте ссылку в буфер обмена и передайте ее другу или коллеге, у которой также установлен VS Live Share, и вы готовы к работе!

Совместная работа с базовым кодом в VS Code

Совместная работа с кодом не меняет ваш опыт кодирования. Вместо этого он добавляет слой сверху. Создание сеанса Live Share открывает окно чата. Это доступно для всех пользователей, вошедших в систему или только для чтения.

Гость только для чтения по имени Джимми присоединяется к чату

В любой момент во время совместной работы вы можете снова открыть окно чата, получить URL-адрес для общего доступа или завершить сеанс с помощью панели Live Share.

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

Удаленная подсветка текста участника
Совместная работа может осуществляться между любыми файлами в каталоге проекта, и вы можете увидеть, над каким сценарием все работают, на панели Live Share. Вы также можете использовать терминал VS Code в режимах « только чтение» и « чтение / запись» , а также локальный сервер для работы с JavaScript или другими веб-проектами.

Отслеживание и фокусирование сотрудников

Иногда вам захочется объяснить что-то, что требует выхода за рамки одного сценария. Пользователи могут подписаться друг на друга, щелкнув свое имя на панели Live Share. Теперь, куда бы они ни пошли в проекте, вас будут тянуть с собой, чтобы посмотреть, что они делают.

Опция Follow позволяет вам видеть, как кто-то еще работает над проектом.

Аналогичным образом, щелкнув небольшой мегафон на панели «Сведения о сеансе», фокусирует участников на текущий вид.

Мегафон фокусирует всех участников на ваш взгляд
Это удобно, когда вам нужно быстро привлечь внимание каждого к определенной части проекта. Сосредоточенные участники имеют возможность продолжать следовать за вами с этого момента.

Использование аудио в VS Live Share

VS Live Share Extension Pack включает в себя интеграцию для аудио. Начало сеанса добавляет новую комнату. Чтобы войти в комнату, нажмите « Присоединиться к аудиовызову» на вкладке « Аудио » на панели « Общий доступ» .

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

Щелкнув по красному символу отключения, вы покидаете комнату чата, хотя она будет оставаться доступной, пока сеанс остается активным.

Слабая интеграция с кодом VS

Настроить Slack в VS Code просто. Нажмите на логотип Slack на левой панели и выберите Setup Slack . Это приведет вас к окну браузера, чтобы авторизовать VS Code для доступа к рабочей области.

Авторизация приложения с Slack

Вы должны быть администратором, чтобы авторизовать приложение VS Code Slack. Как только он будет связан, рабочее пространство Slack будет отображаться как другая вкладка в VS Code.

Вялые чаты хорошо работают в окне Live Share.
Настройка Discord — аналогичный процесс, хотя стоит отметить, что в настоящее время представляется, что одновременно может быть интегрирована только одна из служб.

Безопасность и конфиденциальность в VS Live Share

VS Live Share — фантастический инструмент для программистов всех типов, но он имеет некоторые соображения безопасности. Открытая природа расширения в сочетании с простотой совместного использования вашего кода может быть нарушена.

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

Live Share также позволяет совместно использовать терминал в режиме чтения / записи. Это создает значительный риск для безопасности в чужих руках.

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

Сотрудничество — это прогресс в коде Visual Studio

Эти расширения являются примерами основных интеграций с VS Code. Опытные пользователи уже знают о многих других, которые помогают с завершением кода, написанием кода и тестированием. Live Share также позволяет людям учиться как в классе, так и дистанционно, однако самостоятельная работа с отличным онлайн-курсом все еще важна.

И помните, используя VS Code, вы также можете кодировать в своем браузере с помощью Microsoft Visual Studio Online

Похожие посты
Программирование

Что такое канал RSS? (И где его взять)

Программирование

7 причин, почему изображения не загружаются на ваш сайт

Программирование

Запустите агент SQL Server: настройте SQL Server 2012

Программирование

15 лучших бесплатных обоев дня Святого Патрика