Как скачать проект с github в visual studio
Перейти к содержимому

Как скачать проект с github в visual studio

  • автор:

A1.2 Приложение A: Git в других окружениях — Git в Visual Studio

Начиная с Visual Studio 2013 Update 1, пользователям Visual Studio доступен Git-клиент, встроенный непосредственно в IDE. Visual Studio уже в течение достаточно долгого времени имеет встроенные функции управления исходным кодом, но они были ориентированы на централизованные системы с блокировкой файлов, и Git не очень хорошо вписывался в такой рабочей процесс. Поддержка Git в Visual Studio 2013 была существенно переработана по сравнению со старой версией, и в результате удалось добиться лучшей интеграции Visual Studio и Git.

Чтобы воспользоваться этой функциональностью, откройте проект, который управляется Git (или выполните git init для существующего проекта) и выберите пункты View (Вид) > Team Explorer (Командный обозреватель) в главном меню. В результате откроется окно «Connect» («Подключить»), которое выглядит примерно вот так:

Подключение к Git-репозиторию из окна Team Explorer (Командный обозреватель)

Рисунок 157. Подключение к Git-репозиторию из окна Team Explorer (Командный обозреватель)

Visual Studio запоминает все проекты, управляемые с помощью Git, которые Вы открыли, и они доступны в списке в нижней части окна. Если в списке нет проекта, который вам нужен, нажмите кнопку «Add» («Добавить») и укажите путь к рабочему каталогу. Двойной клик по одному из локальных Git-репозиториев откроет главную страницу репозитория, которая выглядит примерно так «Домашняя» страница Git-репозитория в Visual Studio.

Это центр управления Git; когда вы пишете код, вы, вероятно, проводите большую часть своего времени на странице «Changes» («Изменения»), но когда приходит время получать изменения, сделанные вашими коллегами по работе, вам необходимо использовать страницы «Unsynced Commits» («Несинхронизированные коммиты») и «Branches» («Ветки»).

Git, GitHub и Visual Studio. В помощь новичкам

В ней будет коротко рассмотрено что это за вещи, зачем нужны, и простой способ работы – из среды Visual Studio. То есть Bash или GitHub клиент использоваться не будут.

Внимание:

На Хабре уже есть похожая статья – [вот она]. В своей публикации я дополню слова Алексея и расскажу метод проще.

Для кого:

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

О тексте:

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

Итак, немного теории чтоб понять, что делать дальше:

  1. Git и GitHub – связаны, но они не одно и то же.
    Git – распределенная система контроля версий. Можете представить, как механизм резервного копирования, сохранения в играх. То есть в любой момент вы можете вернуться к предыдущему состоянию и попробовать сделать что-то иначе.
    Распределенная значит что все данные хранятся не только у вас, но и на сервере (GitHub), у других участников команды (если таковая имеется).
    Если непонятно, можете посмотреть — www.youtube.com/watch?v=w3jLJU7DT5E
  2. Терминология тоже имеется на ней внимание не заостряю, не о том сейчас.
  • Visual Studio 2015 года или новее
  • Подключение к интернету
  • Несколько гигабайт памяти на жестком диске

Инструкция:

    Переходим в меню Tools → Extensions and Updates → откроется вкладка Installed → если в расширениях отсутствует «GitHub Extension for Visual Studio» идем дальше, иначе перейдите к пункту следующему пункту инструкции → вкладка Online → ищем в поиске наше расширение → скачиваем и устанавливаем.

image

image

image

image

image


На аккаунте GitHub создаем новый репозиторий. Смотрим:

image

image

После, с GitHub копируем ссылку:

image

  • Открываем Visual Studio → меню View → Team Explorer → в подпункте GitHub нажимаем Connect → вводим учетные данные → Sign in. Скриншоты:
    image
    image
  • Создаем какое-то решение или заходим в существующее и добавляем в систему контроля версий. Для этого нажимаем правой кнопкой мыши на решении (на проекте такого пункта нет) и выбираем “Add Solution to Source Control”:

      Может возникнуть вопрос – Что значат другие иконки?
      Ответ:
      Карандаш для того чтоб фиксировать изменения локально (commit). Используйте когда есть что сохранить, то есть код или файлы изменились.

    image

    Все остальные тоже играют важную роль:

  • Применение их мы уже рассмотрели, но для лучшей наглядности еще раз(коротко):
    Создали решение с каким-то проектом→добавили в git→зафиксировали изменение (commit – иконка карандаша)→если есть проблемы поправляем по ситуации(код изменили[статья Алексея] либо новую ветвь создали[смотри пред. пункт], назад по истории сохранений (коммитов) вернулись[след. пункт], либо спросить на toster.ru или stackoverflow.com)→проект на GitHub;
  • Об списке коммитов (истории сохранений)

    Дополнительно:

    Чтоб GitHub верно отображал русские комментарии (если есть) при просмотре кода через сайт нужно сделать следующее:

    Cоветую всё-таки изучить Git Bash.

    Я старался писать как можно понятнее, если что-то не так, то поправьте в комментариях!
    На этом все. Спасибо за внимание!

    Клонирование и использование репозитория GitHub в Visual Studio Code

    Сведения о клонировании общедоступного репозитория из GitHub на локальный компьютер с помощью Visual Studio Code.

    Клонировать репозиторий

    Чтобы приступить к работе, скачайте пример проекта, https://github.com/Azure-Samples/js-e2e-express-server выполнив следующие действия:

    • Из палитры команд
    • Из интегрированного терминала
    1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
    2. В командной строке палитры введите gitcl , выберите команду Git: Клонировать , а затем выберите «Клонировать» из GitHub и нажмите клавишу ВВОД. gitcl command in the Visual Studio Code command palette prompt
    3. Если появится запрос на ввод URL-адреса репозитория, выберите параметр клонирования из GitHub и нажмите клавишу ВВОД.
    4. Если поступает запрос на вход в GitHub, завершите процедуру входа.
    5. Введите azure-samples/js-e2e-express-server в поле URL-адрес репозитория.
    6. Выберите (или создайте) локальный каталог, в который нужно клонировать проект. Screenshot of Visual Studio Code showing possible GitHub repos that match the text.
    7. Когда появится уведомление с вопросом, нужно ли открыть клонированный репозиторий, выберите вариант Открыть.
    1. Откройте интегрированный терминал из терминала —> новый терминал.
    2. Клонируйте репозиторий с помощью следующей команды Git:

      git clone https://github.com/YOUR-NAME-OR-ORGANIZATION/YOUR-REPO-NAME 
      cd YOUR-REPO-NAME 
      code . 

      Инициализация нового репозитория

      Если у вас еще нет репозитория GitHub, но вы хотите запустить проект локально, инициализируйте папку с помощью Git.

      Screenshot of Visual Studio showing the Initialize repository button.

      • Из панели действий
      • Из палитры команд
      1. Выберите элемент управления версиями на панели действий или используйте сочетание клавиш CTRL + SHIFT + G.
      2. Выберите репозиторий Initialize.
      1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
      2. Отфильтруйте с Git помощью , а затем выберите Initialize repository .
      3. Выберите папку, чтобы выбрать в качестве корневого каталога репозитория.

      Создание ветви для изменений

      • Из палитры команд
      • Из строки состояния
      • Из интегрированного терминала
      1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
      2. Найдите элемент git branch и выберите Git: Create Branch . Search for `git branch` and select `Git: Create Branch`.
      3. Введите новое имя ветви, например test .
      4. Экран «Отображение имени ветви в строке состояния». The branch name is visible in the status bar.
      1. Выберите имя ветви в строке состояния. Откроется палитра команд. Строка состояния обычно находится в нижней части Visual Studio code.
      2. Выберите в палитре команд элемент Создание ветви.
      3. Введите имя для новой ветви.
      4. Введите имя для новой ветви. Экран «Отображение имени ветви в строке состояния». The branch name is visible in the status bar.
      1. Откройте интегрированный терминал из терминала —> новый терминал.
      2. Создайте новую ветвь с помощью MY-BRANCH следующей команды Git:

        git checkout -b MY-BRANCH 

        Фиксация изменений локально

        После внесения изменений в ветвь зафиксируйте изменения.

        • Из палитры команд
        • Из строки состояния
        1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
        2. В палитре команд фильтруйте с Git помощью выбора Commit .
        3. Введите сообщение фиксации, а затем нажмите клавишу ВВОД .
        1. Переключитесь на панель действий и выберите значок системы управления версиями или нажмите клавиши CTRL + SHIFT + G .
        2. В палитре команд фильтруйте с Git помощью выбора Commit .
        3. Введите сообщение фиксации, а затем нажмите клавишу ВВОД .

        Отправка локальной ветви в GitHub

        • Из палитры команд
        • Из строки состояния
        • Из расширения системы управления версиями
        1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
        2. В палитре команд фильтруйте с Git помощью выбора Push .
        3. Если у вас несколько вышестоящий удаленных, выберите удаленный, а затем нажмите клавишу ВВОД .
        1. В строке состояния Visual Studio Code выберите значок отправки справа от имени ветви. Visual Studio Code status bar, with the push icon highlighted.
        2. Выберите имя удаленного расположения во всплывающем окне. Если вы имеете только одно удаленное расположение, вам не будет предложено выбрать имя такого расположения.
        1. Щелкните значок «Система управления версиями» на панели действий.
        2. Щелкните многоточие (. ) и выберите элемент Push или Push to . Visual Studio Code source control, with the push icon highlighted.
        3. Выберите имя удаленного расположения во всплывающем окне. Если вы имеете только одно удаленное расположение, вам не будет предложено выбрать имя такого расположения.

        Просмотр выходных данных Git

        Вы можете просмотреть команды Git, выполняемые при использовании расширения системы управления версиями. Это помогает отладить при сбое команды.

        Visual Studio Code source control, with the Show Git Output selection highlighted.

        1. Щелкните значок «Система управления версиями» на панели действий.
        2. Щелкните многоточие (. ) и выберите элемент Показать выходные данные Git.

        Инструменты Visual Studio Code для работы с Git и GitHub

        При работе в Visual Studio Code с репозиторием необходимо использовать отдельные средства.

        Icon Информация Доступ из
        Команды Git в палитре команд F1
        Icon for Source control. Расширение системы управления версиями Панель действий
        Icon for GitHub PRs and Issues Расширение запросов на вытягивание и сообщений о проблемах на GitHub Панель действий
        Расширение репозиториев GitHub Вы можете быстро и без труда открыть репозиторий GitHub. Для этого можно выполнить поиск репозиториев GitHub и выбрать команду «Открыть репозиторий» в палитре команд, нажать клавишу F1 или выбрать команду Open GitHub Repository. (Открыть репозиторий GitHub) из удаленного индикатора (зеленая кнопка слева в нижнем углу строки состояния).

        Следующие шаги

        • Узнайте о развертывании веб-приложения
        • Работа с GitHub в Visual Studio Code
        • Использование Visual Studio Code с другими поставщиками систем управления версиями

        Как подключиться к github из visual studio?

        В Visual Studio уже встроен Git. Везде пишут только как скачать уже имеющийся удалённый репозиторий с git hub’а, но нигде, как подключиться к гитхаб аккаунту из visual studio Итак, у меня есть аккаунт на guthub, я создал приложение на локальном компе. Как мне через visual studio без доп плагинов подключиться к своему аккаунту, создать новый репозиторий и запушить папку с проектом в него?

        Отслеживать
        задан 26 июн 2018 в 15:18
        Alexey Zolotov Alexey Zolotov
        398 1 1 золотой знак 4 4 серебряных знака 16 16 бронзовых знаков

        ru.stackoverflow.com/questions/847565/… Вот тут пишут о смежной проблеме, возможно там есть новая для вас информация.

        28 июн 2018 в 8:55

        2 ответа 2

        Сортировка: Сброс на вариант по умолчанию

        Открыть Team Explorer (View — Team Explorer), затем кликните по иконке штепселя (Manage Connection):

        введите сюда описание изображения

        Более подробное описание в документации

        PS Ещё в меню View — Other Windows есть пункт Github, но я им не пользовался, так как гитхабом не пользуюсь так как мне приходится чаще с tfs работать.

        Отслеживать
        ответ дан 30 июн 2018 в 7:29
        28.6k 20 20 золотых знаков 59 59 серебряных знаков 141 141 бронзовый знак

        Для GitLab и Githab, как подключиться из VS к удаленному аккаунту и добавить локальный проект в новый пустой репозиторий.

        1) Сначала на gitlab.com создаем новый проект с названием, соответствующим локальному проекту. На Github так же, только Репозиторий.

        введите сюда описание изображения

        2) В Visual Studio в проекте нажимаем внизу окна кнопку «Добавить в систему управления версиями»=> git.

        3) В разделе «Отправить в удаленный репозиторий» вводим URL-адрес созданного на сайте репозитория проекта, нажимаем Опубликовать. Проект должен загрузиться на сайт.

  • Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *