Введение
Многие разработчики испытывают трудности с настройкой хорошей среды разработки для себя на своих компьютерах. Это действительно оказывает большое влияние на обучение и может препятствовать росту обучения, если среда разработки не настроена должным образом. В этой статье я собираюсь объяснить, как настроить среду разработки с использованием репозиториев Github для развертывания вашей работы.
Необходимые инструменты
Это список инструментов, необходимых для настройки вашей среды разработки, а ниже приводится краткое объяснение того, для чего вам нужен каждый из них в вашей разработке и как каждый из них облегчает работу:
1. Веб-браузер
2. Редактор
3. Git
4. Учетная запись Github
5. Node.js и диспетчер пакетов Node (npm)
6 , Синхронизация с браузером
Веб-браузер
Что такое веб-браузер?
Программное приложение, используемое для доступа к информации в Интернете, называется веб-браузером. Когда пользователь запрашивает некоторую информацию, веб-браузер извлекает данные с веб-сервера, а затем отображает веб-страницу на экране пользователя.
Каждая система Windows поставляется с веб-браузером по умолчанию, и это Microsoft Edge. Microsoft Edge — это хороший веб-браузер, созданный Microsoft и поддерживающий последнюю версию HTML, HTML5. Вы собираетесь использовать веб-браузер в своей разработке, это очень важно. Поскольку вы собираетесь использовать его для загрузки, отображения и тестирования вашего веб-сайта и многого другого.
Нажмите здесь, чтобы получить хром и установить его.
Редактор
Редактор — это ваше рабочее пространство, где вы пишете код для своего сайта. Редактор по умолчанию, поставляемый с системой Windows, — Блокнот. В Интернете есть много бесплатных редакторов, доступных для загрузки, например, Visual Studio Code, также известный как VSCode, Sublime, Atom и многие другие. Вы можете скачать любой из этих редакторов, протестировать их, чтобы выбрать понравившийся. Хотя я предпочитаю VSCode.
Нажмите здесь, чтобы загрузить VSCode, и обязательно установите его после загрузки.
Git
Git — это бесплатная распределенная система управления версиями с открытым исходным кодом, предназначенная для быстрой и эффективной обработки любых проектов, от небольших до очень крупных.
Git легко освоить, он занимает мало места и обладает молниеносной производительностью. Он превосходит инструменты SCM, такие как Subversion, CVS, Perforce и ClearCase, благодаря таким функциям, как дешевое локальное ветвление, удобные промежуточные области и несколько рабочих процессов.
Я объясню команду git, необходимую вам для разработки, но вы можете прочитать больше о git здесь.
Чтобы загрузить git, перейдите на git websit и нажмите Загрузить и выберите вариант, соответствующий вашему компьютеру. Затем вам нужно установить его на свой компьютер.
Аккаунт Github
Github, Inc. является провайдером интернет-хостинга для разработки программного обеспечения и контроля версий с использованием Git. Он предлагает распределенный контроль версий и функции управления исходным кодом Git, а также собственные функции. Он обеспечивает контроль доступа и несколько функций совместной работы, таких как отслеживание ошибок, запросы функций, управление задачами, непрерывная интеграция и вики для каждого проекта. Штаб-квартира находится в Калифорнии, с 2018 года она является дочерней компанией Microsoft.
Мы собираемся использовать Github для развертывания нашей работы.
Nodejs и диспетчер пакетов Node (NPM)
Node.js — это кроссплатформенная внутренняя среда выполнения JavaScript с открытым исходным кодом, которая работает на движке V8 и выполняет код JavaScript вне веб-браузера. Node.js позволяет разработчикам использовать JavaScript для написания инструментов командной строки и для сценариев на стороне сервера — запуск сценариев на стороне сервера для создания динамического содержимого веб-страницы до того, как страница будет отправлена в веб-браузер пользователя. Следовательно, Node.js представляет собой парадигму «JavaScript везде»,[6] объединяющую разработку веб-приложений вокруг одного языка программирования, а не разных языков для серверных и клиентских скриптов.
Нам нужен Node.js для управления нашей средой.
Вот ссылка для загрузки nodejs на ваш компьютер: Ссылка для скачивания Node.js. Выберите вариант, соответствующий вашему компьютеру, и загрузите.
Синхронизация с браузером
Google Browser Sync — это расширение Mozilla Firefox, выпущенное Google как бесплатное программное обеспечение. Он дебютировал в Google Labs 8 июня 2006 г., а в июне 2008 г. был прекращен. Это позволило пользователям Mozilla Firefox до версии 2.x синхронизировать настройки своего веб-браузера на нескольких компьютерах через Интернет.
Нам это нужно, чтобы время от времени проверять изменения в нашем коде без необходимости обновлять наш браузер. Руководство по установке синхронизации браузера будет включено в пошаговое руководство.
Далее следует подробное руководство по настройке нашей среды разработки.
Примечание:
Настройка нашей среды разработки
Инструкции: убедитесь, что вы уже загрузили все необходимые файлы, необходимые для этой установки.
Шаг 1-
Перейдите к своему окну и найдите cmd, которое является командной строкой, откройте его и начнем.
Шаг 2
Начните с проверки наличия необходимых файлов на вашем компьютере.
- Чтобы проверить наличие git, введите git-version в командную строку, и появится версия git, установленная на вашем компьютере.
- Введите node-version, чтобы проверить узел и, наконец,
- Введите npm-version, чтобы проверить диспетчер пакетов узла.
Вы можете перейти к следующему шагу после подтверждения всех необходимых файлов.
Шаг 3
Загрузите синхронизацию браузера. Для этого перейдите на веб-сайт синхронизации браузера и скопируйте командную строку на странице в командную строку cmd для загрузки.
Шаг 4
Перейдите в браузер и войдите в свою учетную запись Github. После входа в систему нажмите знак + в правом верхнем углу, чтобы создать репозиторий.
Шаг 5.
Дайте имя репозиторию, прокрутите немного вниз и нажмите добавить файл Readme, чтобы добавить файл readme в репозиторий.
Шаг 6
Перейдите к настройкам, затем перейдите к страницам. На экране страниц перейдите к источникам, нажмите на него и измените ветку на основную. Нажмите на изменить тему, и вы перейдете на страницы тем Github. . Выберите тему и зафиксируйте ее.
Шаг 7
Перейдите на домашнюю страницу репозитория и скопируйте ссылку.
Шаг 8
Далее перейдите в командную строку, введите git-clone, затем вставьте ссылку и добавьте к ней .git, чтобы клонировать ее.
Шаг 9git-status — используется для проверки состояния вашего репозитория.
mkdir — используется для создания нового файла.
dir — используется для проверки файла в вашем текущем каталоге репозитория.
git-add . — используется для добавления новых файлов.
git-commit -m "msg" — используется для фиксации изменения с сообщением msg.
git-push — используется для отправки изменений для завершения изменений в вашей учетной записи Github.
Шаг 10
Далее перейдите в командную строку, введите git-clone, затем вставьте ссылку и добавьте к ней .git, чтобы клонировать ее.
Шаг 11
Теперь откройте редактор кода, просто набрав code ., и начните писать код.
Шаг 12
Теперь все настроено. Проверьте шаг 9 для команд, которые вам нужны, чтобы опубликовать свой код в Интернете.
Чтобы перейти по ссылке на ваш сайт, зайдите в настройки репозитория, перейдите по страницам и скопируйте ссылку.
Спасибо за прочтение.
Не стесняйтесь обращаться ко мне в следующих социальных сетях: Twitter, Facebook, Instagram или WhatsApp.
Больше контента на plainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Получите эксклюзивный доступ к возможностям написания и советам в нашем сообществе Discord.
