Я буду документировать уроки, полученные на курсе Javascript сэра Хитеша Чоудхари.
Сохраняйте и работайте на GitHub
Мы продолжаем серию статей по JavaScript. Наконец, мы увидели, как мы можем установить код Node.JS и VS, создать среду выполнения и написать код.
Но иногда у нас нет доступа к тому же компьютеру или наш компьютер имеет низкую конфигурацию. Для этого на рынке доступно множество онлайн-сред выполнения кода.
Теперь вся эта среда не просто так, как будто мы написали код и запустили его. Некоторые из них помогают вам составить портфолио, и для этого мы поговорим о GitHub.
Git — это не только веб-сайт-портфолио, он имеет различные применения. В основном он используется, когда много инженеров-программистов собираются и работают вместе, и это важно. Система версий помогает вести учет проекта.
Сегодня мы увидим, как мы можем создать среду кода, используя Node.JS и JavaScript для выполнения.
Для начала нам нужно зайти и создать аккаунт. Теперь нам нужно создать новый репозиторий.
Теперь напишем имя репозитория как js.
И мы можем дать описание как репозиторий кода для серии JavaScript. Мы сохраним репозиторий общедоступным и добавим в него файл README.
Просто нажмите Создать репозиторий.
Послушайте процесс настройки среды. Это очень просто и нужно выполнить всего 4-5 шагов, которые мы должны запомнить.
Некоторые шаги вам также не нужно повторять. Итак, вот наш репозиторий.
Теперь, как работает Git, работают команды git push?
Нам не нужно делать все это в онлайн-среде, которую мы будем использовать. Существуют различные способы использования Git. Это один из них.
Теперь мы перейдем к коду, и мне нужны кодовые пространства. Также будет Локальный, если вы хотите загрузить все файлы, мы также можем это сделать.
Затем в разделе «Код» мы нажмем Создать кодовые пространства в главном.
Я подтверждаю, что Codespeces в будущем будут бесплатными, но в обстоятельствах, когда GitHub делает их платными или они недоступны, мы можем просто скачать Zip и перейти к коду VS и написать весь код.
Все то же самое. Даже GitHub принадлежит Microsoft, а код VS принадлежит Microsoft. Итак, здесь, в Codespaces, мы также получаем код VS. Итак, окружающая среда будет такой же, но нам нужно внести небольшие изменения.
Что происходит за кулисами?
У нас запускается компьютер или то, что мы называем экземпляром. В этом компьютере до сих пор нет программного обеспечения, а только установлен код VS, и все.
Теперь, когда мы установили Node.JS в нашей локальной системе, мы написали здесь файлы кода и нам нужно сделать то же самое. Нам нужно создать среду Node.JS, но процесс создания среды здесь немного изменен, поскольку мы видим, что у нас нет рабочего стола.
Как скачать?
Это очень легко. Нам нужно нажать на файл файл, затем перейти на Просмотр, а затем нажать на Палитру команд, или вы можете просто изучить ярлык
⇧⌘P или Shift+Command+P
Итак, нужно составить для себя список ярлыков, а затем написать контейнер.
Когда мы пишем контейнер, первой опцией будет Добавить файлы конфигурации контейнера разработки. Это означает, что у вас есть этот экземпляр компьютера, при этом мы добавим несколько файлов конфигурации, с помощью которых, если мы хотим Node.JS, мы получим Node.JS по умолчанию, а если мы хотим Python, то по умолчанию Python Будет здесь.
Итак, мы нажмем на Файл конфигурации. Теперь, когда мы ищем Node.js, он говорит, что Node.js недоступен. Теперь нам нужно нажать Показать все определения. Теперь снова пишем node.
Теперь здесь есть различные среды заметок, нам нужно выбрать среду с надписью Node.js и JavaScript, поэтому мы нажмем на нее. В последнем видео мы установили версию 20, но здесь также есть версия 20. Таким образом, не имеет значения, будет ли ваша версия 18, 19 или 20. Основа та же, поэтому мы выберем следующую версию по умолчанию.
Теперь он говорит, нужны ли нам какие-то дополнительные инструменты, сейчас они нам не нужны. Мы воспользуемся им позже, поэтому нажмем ОК.
Когда мы нажмем «ОК», в этой среде будет добавлен файл среды выполнения кода и сообщено, что есть некоторые изменения. Так стоит ли мне восстанавливать сейчас?
Итак, вы нажимаете Rebuild Now. Теперь ваша машина будет перезагружена снова, и теперь у нас есть файл конфигурации, который мне нужен по умолчанию. Node.js установлен в системе. Итак, по умолчанию мы сейчас войдем в систему.
Но нам предстоит узнать еще несколько новых вещей. Это может занять время, чтобы восстановиться. Итак, теперь это время или среда снова перезагружены. Теперь нам нужно посмотреть, как создать файл test.js и выполнить его через Node.js, чтобы наша работа была завершена.
Теперь мы щелкнем новую папку и назовем ее 01_basics, потому что сначала нам нужно изучить основы. Теперь мы создадим новый файл в папке и назовем его text.js.
Теперь то, что мы написали ранее
conosole.log(“Пратам”);
Теперь мы сохраним файл.
Как выполнить файл?
Нам нужно перейти в Просмотр, а затем открыть Терминал. Если вы запомните ярлык ⌃`, мы сможем его использовать.
Теперь ее файл test.js недоступен напрямую. Он находится в папке 01_basics, поэтому напишем команду
узел 01_basics/test.js
И нажимаем Enter, получаем строку Pratham
Проблема здесь в том, что мы все это добавили, но когда мы заходим в репозиторий и перезагружаем его, доступного файла нет, поэтому весь достигнутый нами прогресс исчезнет. Так что сейчас я расскажу.
Как сохранить все эти файлы?
Процесс сохранения отличается от командной строки и кодовых пространств. Мы будем работать над кодовыми пространствами, поэтому давайте учиться только здесь. Итак, нам нужно перейти к четвертому значку Контроль версий.
Теперь по всем файлам, которые присутствуют, он будет отслеживать, в каком файле мы внесли изменения. Просто нажмите значок + и выберите Поэтапные изменения и все, что вам нужно сохранить.
Теперь, когда все файлы готовы к сохранению, мы напишем сообщение типа конфигурация контейнера выполнена и нажмите Commit. Теперь это первый шаг внесения изменений.
На шаге нужно нажать на три точки… и нажать Нажать.
Как только мы Push, будет сохранен только наш файл, а все файлы, которые нам нужно сохранить, окажутся на шаге 1. Как только мы это сделали, мы можем перейти в репозиторий и перезагрузить его.
Мы увидим, что все файлы доступны.
Теперь всякий раз, когда вам нужны все файлы. Мы можем нажать Код, затем Локальный, а затем Загрузить Zip, чтобы вы получили весь исходный код.
Сейчас за кадром внесу некоторые изменения в бой dev_container, изменений будет не так много и установлю некоторые расширения. Поэтому я добавлю файлы конфигурации в свой репозиторий, и если вам нужен тот же файл, зайдите в мой репозиторий, откройте его, скопируйте все, что есть в файле, и вставьте его в свой файл. После этого вы знаете все Commit и Push.
Ссылка на гитхаб:
Теперь, более того, мы выполнили всю нашу работу, поэтому вы просто закроете вкладку и продолжите работу.
Но машина, которую мы запустили, все еще не выключена.
По умолчанию GitHub отключит неактивные машины, но если вам нужно сэкономить время.
Поскольку в месяц мы получаем ограниченное количество часов, чтобы просто сэкономить наши часы, нам нужно нажать «Codespaces», и работающая машина должна удалить ее, не волнуйтесь, ваши файлы кода уже сохранены, и вы можете перейти по ссылке на репозиторий. и может раскрутить новую машину.
PDF-ссылка для заметок:
Вывод:
Вот как мы будем работать в онлайн-среде. У нас есть преимущество в Интернете, поскольку мы можем легко получить все файлы кода и ресурсы.
Подтверждение :
Спасибо Хитешу Чоудхари, сэру.
Если вам нравятся мои работы, ставьте лайк, подписывайтесь и делитесь.
Приятного кодирования!
