Atom как подключиться к github

Работа с Git и GitHub в редакторе кода Atom

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

Atom — отличный редактор кода с богатым функционалом и очень гибкой настройкой. Так как он разрабатывался командой GitHub, то вполне логичным и долгожданным стало появление в стартовой сборке версий 1.18+ одноименного пакета “GitHub”, позволяющего работать с репозиториями и системой контроля версий напрямую из редактора без установки дополнительных программ, в том числе даже GitHub Desktop.

Работа с пакетом ведется через панели Git и GitHub. Их можно открыть через меню редактора: Packages -> GitHub -> Toggle Git Tab, или сочетанием клавиш Ctrl + Shift + 9 для Git и Ctrl + Shift + 8 для GitHub.

Подключение удаленного репозитория

Для примера создадим новый репозиторий.

Войдите в свой аккаунт на GitHub и выберите пункт “New repository” в меню справа или нажмите зеленую кнопку “New repository” в разделе “Your repositories”.

Введите название и описание. Поставьте галочку “Initialize this repository with a README”, чтобы автоматически создать файл readme.md. Вы можете выбрать будет ли ваш репозиторий публичным (Public) или приватным (Private, это опция требует оплаты тарифного плана). Нажмите кнопку “Create repository” и создайте новый репозиторий.

Чтобы связать локальный репозиторий с удаленным, нам необходим специальный URL этого репозитория на GitHub.

В созданном репозитории нажмите кнопку “Clone or download” и скопируйте URL.

Откройте командную строку редактора Crtl + Shift + P и введите команду “GitHub: Clone” или воспользуйтесь сочетанием клавиш Alt + G и затем =.

Команда PUSH

Команда push позволяет отправить в удаленный репозиторий изменения, внесенные в локальный репозиторий.

Кликнув на дереве локального рипозитория слева, создадим новую папку с именем “css” сочетанием клавиш Shift + A (или пункт “New folder” в контекстном меню). Обратите внимание — на панели Git создание пустой папки не отображается, т.е. папка без содержимого не будет добавлена в коммит, а значит и в репозиторий на GitHub. Добавим в нее несколько новых файлов — клавиша “A” или пункт “New file” в контекстом меню.

В разделе “Unstaged Changes” создание файлов отображается зелеными значками. Желтыми значками будут отображаться изменения в уже проиндексированных файлах. Красными значками будут отображаться удаленные файлы.

Отправим наши изменения в удаленный репозиторий на GitHub. В разделе “Unstaged Changes” нажмите кнопку “Stage All”. Все учтенные изменения будут перенесены в раздел “Staged Changes”. Если вы хотите добавить только некоторые — выберите нужные и нажмите клавишу Enter. При необходимости вы можете вернуть их обратно кнопкой “Unstage All”.

Чтобы не вводить данные аккаунта каждый раз, сохраним их в системе Git нашего локального репозитория. В дереве слева откройте папку “.git” и выберите файл “config”. В строке “url” после “ https:// ” и до названия домена “github.com” введите данные аккаунта. Отделите username от пароля “:” и пароль от домена “@”. В итоге у вас должен получиться адрес вида “https://username:password@github.com/…”.

Это безопасно — файл “config” хранится локально, изменения в нем не фиксируются в коммитах, не попадают в историю и не доступны даже если ваш репозиторий на GitHub публичный.

Тем не менее этот способ временный —только пока вы новичок и консоль вам не покорилась. С этим способом вам придется изменять URL в файле config каждого нового репозитория. В будущем, чтобы правильно организовать доступ к репозиториям вашего аккаунта, вам потребуется настроить SSH-ключи.

Команда PULL

Команда pull позволяет получить изменения, которые произошли в удаленном репозитории, и слить их с нашими локальными файлами.

Name already in use

github / docs / installation.md

• Go to file T
• Go to line L
• Copy path
• Copy permalink

• Open with Desktop
• View raw
• Copy raw contents Copy raw contents

Copy raw contents

Copy raw contents

The GitHub package is bundled as a core package within Atom. This means that you don’t have to install it separately — download Atom from the website and it’s included automatically. This carries a number of benefits. For example, because it’s included in the v8 snapshot produced during each Atom build, it boots extremely quickly and pays very little penalty for things like requiring and bootstrapping React.

However! The downside of this is that it can take a while for new work in this repository to make its way into your editor. Here’s the full lifecycle of a change:

1. First, the change is done via a pull request to this repository. When it’s ready and has full, passing test coverage, it’s merged into the default branch.
2. Periodically, we tag and publish batches of changes as new versions to apm. Typically, this is done after a major bugfix or new feature is merged, or after merging a security-related dependency update.
3. Next, we send a pull request to the core atom repository to bump the versions of the GitHub package dependency in its package.json and package-lock.json files. When that pull request has a green build, we merge it.
4. The next night that the Atom core nightly build is successful, the new package version is released to the Atom nightly channel.
5. The core Atom team regularly «rolls the railcars» to tag new release. The first time that this happens after the GitHub package dependency bump is merged, it will be included on the next release of the Atom beta channel.
6. The next time that the core Atom team «rolls the railcars» after that, the new GitHub package version is shipped to Atom stable. �� ��

Depending on the timing, all of this can take a month and a half to two months, so when you see a pull request get merged and your issue closed, you might think you’re out of luck and you’ll just have to wait. but, you have a few other options here.

Use a non-stable Atom channel

Instead of living at the end of the line way out on stable, you could switch to the beta or nightly channels of Atom releases.

• The beta channel updates a little more frequently than the stable channel, but it’s about a month ahead. This means that you’ll have access to GitHub package work as soon as the next time the railcars are rolled (step 5 up above) — about a month sooner than you would if you stayed on stable.
• The nightly channel is updated about daily with the latest and greatest Atom build, including everything that was merged into Atom core up to that point. If you use the nightly channel, you’ll have access to GitHub package work as soon as it’s published in a release and merged into Atom core (step 4 up above).

By using a «fresher» Atom channel, you’ll have access to features and bug-fixes much sooner than you will if you use a stable build. Despite the names, our beta and nightly channels are pretty stable. I’ve (@smashwilson) personally been using a nightly build for my day to day editing for years now.

What’s more, if you do experience a serious regression — with the GitHub package or any other core behavior — you can:

• File an issue to let us know, then:
• Switch to the next channel (from nightly to beta, or beta to stable).

That gives us a chance to respond to the issue, determine if it’s serious enough to warrant delaying a release for if we can’t fix it in time, and could prevent an order of magnitude more users from encountering the same problem. and gives you a route to immediately revert to an Atom version that unblocks you!

Live on the edge

If you’re using nightly builds, you can have access to fixes and improvements (often) within a few weeks to a month. But, it can take me some time to tag releases and get them into Atom core sometimes. If you’re really can’t wait, and you want to live on the very, very edge, you can run the absolute latest code as soon as it’s merged.

1. First, install Atom’s build requirements. You don’t have to clone, bootstrap and build all of Atom to do this — just install the packages and dependencies listed in the «Building» section on the flight manual documentation for your operating system.
2. Second, run the following command at your terminal or command line prompt:

Now you’ll be running everything as soon as it’s merged. and apm will automatically keep it that way, as we merge more work!

⚠️ Be aware! Using this method will have noticeably degrade Atom’s startup time. It’s especially impactful the first time you launch Atom after each update, because Atom will be transpiling all of the package source. After that, you’ll essentially be missing out on the benefits of having it included in the v8 snapshot.

Atom Github: настройка текстового редактора для работы с кодом

Настройка редактора Atom от GitHub проходит очень просто, а в ряде случаев хватает и настроек по умолчанию. Атом — это отличный редактор с богатой функциональной возможностью. Если чего-то не хватает в его возможностях по умолчанию, то их можно расширить огромны м числом плагинов на любой вкус, чтобы приспособить данный редактор к любым условиям разработки.

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

Настройка Atom от GitHub

Скачать редактор можно под любую операционную систему: Windows, Linux, MacOS непосредственно из репозитория на GitHub.

Настройка Atom от GitHub заключается в использовании его главной функциональности, а главной функциональной особенностью этого редактора является способность расширять свои возможности при помощи дополнительных модулей, которые можно скачать непосредственно из меню самой программы. Давайте посмотрим , как в общем выглядит алгоритм добавления нового расширения, а потом пробежимся по основным настройкам, которые могут быть нужны изначально.

Настройка Atom от GitHub: как добавить новое расширение

1. Запустит ь редактор Атом.

2. Изначально программа откроется на вкладке «Welcome Guide». На этой вкладке нас интересует пункт «Install a pack a ge» , а в нем на м нужен пункт «Open Installer».

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

4. Выбираете нужный вам пакет с расширением и нажимаете на кнопку «Install». Установленное расширение всегда можно будет удалить или настроить.

Настройка Atom от GitHub: основные пункты

1. Если нужно русифицировать. Обычно у программистов не должно быть проблем с английским языком, но бывает всякое. Ру с ифицировать Атом можно разными пакетами, но в качестве рекомендации можете попробовать пакет «atom-i18n». Это расширение можно использовать и для других языков, так как оно поддерживает не только русский. После установки данного пакета нужно будет найти в настройках пункт с настройкой языка и выбрать подходящий вам язык перевода редактора. После перезагрузки Атома он ру с ифицируется, если вы выбрали русский язык.

2. Можно сменить тему оформления. При смене темы оформления можно выбирать и стилистику подсветки синтаксиса. Делается это по следующему пути: «Edit-Preferences-Themes». Вариантов тем по умолчанию немного, но если ничего не устраивает, то в сети можно найти подходящую именно вам тему внешнего вида. С выбором стилистики подсветки синтаксиса дела обстоят немного л учше.

3. Подсветка синтаксиса. Для большинства популярных языков программирования подсветка синтаксиса включена по умолчанию, потому что работа с данными языками также включена по умолчанию. Среди этих языков можно найти: Go, C++, JavaScript, CoffeeScript, CSS, HTML, PHP и др. Для того чтобы Атом поддерживал подсветку других языков, н ужно добавить их в редактор ; для этого нужно добавить пакет «atom-twig».

4. Подсветка ошибок. Это очень удобная функция, которая помогает видеть большинство ошибок прямо в процессе разработки. Чтобы активировать эту функцию в редакторе , нужно добавить пакет «linter» — это общий пакет для множества языков ; либо под каждый отдельный язык, например , «linter-php» для подсветки ошибок в языке PHP.

5. Интеграция Git. Продвинутые программисты очень часто используют контроль версий, поэтому интеграция с этим сервисом важна для многих. Делается это при помощи добавления пакета «git-plus».

6. Для тех , кто любит редактор Vim. Те программисты, которые работали в редакторе Vim, часто в других редакторах пытаются добавлять его особенности. В Атом это сделать очень просто, нужно инсталлировать два пакета: «vim-mode-plus», «ex-mode».

7. Доработать программирование CSS. В частност и в Атом можно автоматизировать расстановку префиксов в CSS для разных браузеров, например: -webkit, -ms, и т. д. Как всегда , делается это простой установкой нужного пакета, а таким пакетом является «autoprefixer».

8. И др.

Заключение

Основная настройка Atom от GitHub для веб-разработки окончена. Но нужно понимать, что количество расширений у Атом а исчисляется тысячами, поэтому настроить этот редактор прямо под свои нужды сможет абсолютно любой разработчик, если постарается.

Atom от GitHub — это первоклассный , качественный, бесплатный редактор, который можно превратить в полноценную IDE.

Мы будем очень благодарны

если под понравившемся материалом Вы нажмёте одну из кнопок социальных сетей и поделитесь с друзьями.

Совет: Как использовать Atom в качестве Git GUI

Kezz Bracey Last updated Sep 19, 2017

Russian (Pусский) translation by Ellen Nelson (you can also view the original English article)

Когда вы используете Git в вашей работе, бывает очень полезно иметь доступ к GUI (графическому интерфейсу), чтобы ускорить работу с ним. Есть множество отличных Git GUI из которых можно выбрать, но если вы используете Atom в качестве редактора кода, тогда вам не нужно далеко ходить, чтобы найти отличный вариант.

Благодаря превосходной экосистеме пакетов расширений, созданой общественностью Atom, также хорошо как некоторые встроенные инструменты, есть много разнообразных способов заполучить Git GUI, который будет работать прямо в вашем редакторе. В этой короткой статье, мы рассмотрим три метода.

Примечание: если у вас нет Atom и вы хотели бы получить его, перейдите: https://atom.io/

1. git-control

Пакет git-control является моим любимым, так как он отлично работает с Git. Если, как и я, вы немного более чем обычный пользователь Git, и вам не нужно помнить 100% всех команд, тогда этот пакет для вас.

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

Вы получаете доступ к полному диапазону кнопок, для работы с обычными задачами, например, commit, pull, push и так далее. Автоматически определяет появление новых файлов, изменений в файлах и удаленные файлы, и показывает их на левой панели Workspace. Переключаться между ветками настолько просто, что достаточно просто кликнуть желаемую ветку, на той же боковой панели.

При выполнении действий, вы получите полное представление обо всем, что происходит, в разделе журнала, расположенном в нижней части интерфейса управления git-control, поэтому, если что-то не работает должным образом, легко увидеть возвращаемые сообщения об ошибках.

Чтобы установить этот пакет, перейдите в Packages > Settings View > Install Packages/Themes, выполните поиск для git-control и нажмите соответствующую кнопку Install, для его установки. Чтобы открыть его после установки, идите в Packages > git-control > Toggle.

2. Интеграция со встроенным git

Если вы не хотите устанавливать какие-либо пакеты вообще, другим вариантом для вас будет встроенная в Atom интеграция с Git, которую вы, естественно, можете найти в редакторе кода, созданного GitHub. Чтобы открыть панель управления Git, переместите указатель мыши в крайний правый угол Atom и вы увидите маленький полукруг со стрелкой на нем. Нажмите на него и увидите интерфейс, Показанный на изображении ниже, который открывается как правая боковая панель.

Через этот интерфейс вы увидите готовые и не готовы к отправке изменения, и вы сможете фиксировать изменения на сервер совместно с комментарием. В интерфейсе есть две вкладки, на изображении выше показаны левая и правая панель для определённой интеграции с GitHub. В последнее время я использовал Gitlab, поэтому я не могу рассказать вам слишком много о разделе GitHub, но если вы пользователь GitHub, я уверен, что эта родная интеграция будет очень удобной.

3. git-plus

Пакет git-plus предоставляет GUI, для тех, кто уже знает, что делает и просто хочет удобный, встроенные способ работать. Для установки этого пакета, ищите git-plus через Packages > Settings View > Install Packages/Themes.

После установки, Packages > Git Plus. Тут вы увидите список со всеми командами, которые вы обычно запускаете через терминал.

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

Закругляемся

Это три способа, чтобы заставить тебя пройтись по графическим интерфейсам для использования Git, прямо внутри редактора Atom. По моему опыту это делает работу с Git более приятной, гладкой и эффективной. Надеюсь, вы найдете один из этих вариантов, который делает те же вещи для вас!