Вы — разработчик, тратящий большую часть своего времени на переключение между различными окнами для редактирования кода, просмотра изменений и переноса кода из VSCode в GitHub? Несомненно, каждый успешный программный проект требует системы контроля версий для облегчения работы с различными модулями и версиями другими командами.
В этом блоге вы узнаете, как перенести код из Visual Studio Code в Github. Прежде чем мы начнем, позвольте мне дать краткое представление о GitHub и Visual Studio.
GitHub — это веб-сайт и облачный сервис, который позволяет разработчикам хранить и управлять своим кодом, а также отслеживать и контролировать изменения в коде. С помощью GitHub несколько разработчиков могут одновременно работать над проектом, что снижает риск дублирования или конфликтов в работе и сокращает время производства. GitHub позволяет разработчикам кодировать, отслеживать изменения и находить инновационные решения проблем, которые могут возникнуть одновременно в процессе разработки сайта.
Visual Studio Code (VSCode) — это редактор исходного кода, разработанный компанией Microsoft, который может работать на Windows, macOS и Linux. Он бесплатный, с открытым исходным кодом, имеет встроенную поддержку отладки и контроля версий Git, подсветку синтаксиса, фрагменты и многое другое. Пользовательский интерфейс VSCode хорошо настраивается, пользователи могут использовать различные темы, сочетания клавиш и настройки.
Шаги для передачи кода из VSCode в GitHub
Использование GitHub с Visual Studio Code позволяет вам делиться исходным кодом и сотрудничать с другими. Интеграция с GitHub осуществляется с помощью расширения GitHub Pull Requests and Issues. Чтобы перенести код на GitHub из Visual Studio Code, вам необходимо создать учетную запись GitHub и установить расширение «Github Pull Requests and Issues».
Примечание: Перед тем как переместить код из VSCode на GitHub, необходимо убедиться, что все файлы находятся в одной папке, и переместить папку на Github.
Ниже описаны шаги по переносу кода из VSCode в GitHub.
Шаг 1: Откройте свой аккаунт Github. И нажмите на «Ваш репозиторий».
Шаг 2: Если у вас есть существующий репозиторий, откройте его; в противном случае нажмите на кнопку «new», чтобы создать репозиторий.
Шаг 3: Введите имя и описание (необязательно) для репозитория. Затем установите флажок в поле частного или публичного репозитория в соответствии с требованиями. Установите флажок, если вы хотите инициализировать репозиторий с помощью README.
Шаг 4: Нажмите на «Создать репозиторий».
Шаг 5: После создания репозитория скопируйте веб-адрес репозитория, чтобы перенести код в репозиторий Github. Мы будем использовать URL репозитория Github позже в VSCode.
Шаг 6: Откройте VSCode и откройте папку, в которую вы хотите перенести код. После этого нажмите на иконку «Source Control» и нажмите на «Initialize Repository».
Шаг 7: Теперь дайте сообщение о фиксации, нажмите клавиши «Ctrl + Enter», а затем нажмите «Yes». Как вы можете видеть, начнется фиксация.
Шаг 8: Нажмите на значок «больше», затем нажмите «Push to». Появится сообщение, нажмите на «Add Remote» и вставьте URL-адрес репозитория Github, затем нажмите «Enter». Теперь введите имя Remote и нажмите «Enter».
Шаг 9: Снова нажмите на «Push To». URL будет показан в области выбора вместе с именем Remote. Выберите URL, который вы вставили, и нажмите «Enter». После нажатия на push потребуется некоторое время для обновления репозитория на Github.
Шаг 10: Если вы толкаете код в первый раз, появится всплывающее окно для входа на Github. Введите учетные данные своего аккаунта Github и нажмите «Войти».
Теперь код успешно передан на Github из VSCode. Чтобы проверить, успешно ли передан проект, зайдите в репозиторий, и вы сможете увидеть все данные.
Резюме
Если вы разработчик, который начинает работать с VSCode или просто хотите проверить его, прежде чем приступить к работе, эта статья предоставит вам бесценную информацию об интеграции кода вашей визуальной студии в GitHub, повысив при этом эффективность и продуктивность вашей работы.
Заключение
Если вам понравилась эта статья, следуйте за мной в Twitter, где я ежедневно пишу о вещах, связанных с техникой!
Если вам понравилась эта статья и вы хотите оставить совет — нажмите здесь
🌎 Let’s Connect
-
Портфолио
-
Twitter
-
LinkedIn
-
Hashnode
-
Devto
-
Medium
-
Github
-
Codepen