Взгляд на атом: новый редактор кода Github

Githubпопулярный git-репозиторий, содержащий множество проектов с открытым исходным кодом, недавно анонсировал новый редактор кода под названием Атом который потряс «поле битвы редактора кода». В официальном сообщении говорилось, что Atom начинался как эксперимент – вероятно, 6 лет назад, согласно на этот твит одного из основателей Github – которые затем стали частью внутренних инструментов в Github; на самом деле Atom построен с использованием самого Atom.

Утверждается, что Atom чрезвычайно взломан, расширяем, но все же может быть удобным для пользователей начального уровня. На момент написания статьи Atom все еще находится на стадии бета-тестирования и доступен как приложение только для приглашения. Это также в настоящее время доступно только для платформы OS X – хотя версия Windows и Linux по сообщениям находится в стадии разработки. Я взял его в свои руки, и я хотел бы познакомить вас с этим приложением, посмотреть, что оно может предложить.

Давайте проверим это.
обзор
Если вы твердолобый пользователь Sublime Text, первое, что может вызвать удивление при запуске Atom – это пользовательский интерфейс. Посмотрите на следующий снимок экрана: можете ли вы определить, какой из них является Sublime Text, а какой – Atom?
Ответ: Слева – Sublime Text, а справа – Atom.

Помимо внешнего вида, Atom также позаимствовал некоторые символические функции Sublime Text, с которыми вы, возможно, знакомы, например: Command + T позволит вам переключаться между файлами, а Command + Shift + P для запуска палитры команд.
Вы также можете сделать так называемые кавычки и круглые скобки для автоматического сопряжения, чтобы выбрать блок кода и выбрать несколько строк одновременно, как в Sublime Text.

Но я обнаружил, что Atom еще не способен автоматически включать теги. Sublime Text довольно умный, он может найти соответствующие теги, чтобы закрыть их, просто набрав </. Еще одна особенность, которую я также заметил в Atom – это Wrap Selection, где вы можете нажать Control + W и определить тег, чтобы обернуть выбранную область, или Control + Shift + W, чтобы автоматически обернуть его тегом p.

Рекомендуемое чтение: 12 самых востребованных возвышенных текстовых советов и хитростей
Языковая поддержка и подсветка синтаксиса
Редактор кода создан, чтобы помочь разработчикам правильно писать коды с помощью правильной подсветки синтаксиса кода. Без этой возможности редактор кода – это не что иное, как текстовый редактор, что довольно бессмысленно.

Atom поддерживает множество известных языков программирования и веб-языков, включая Sass и LESS. В Sublime Text нам нужно будет установить сторонние пакеты, прежде чем он сможет обработать эти два.

Чтобы просмотреть все в списке, нажмите на индикатор языка вашего текущего документа в строке состояния, как показано ниже.
Атом Пакеты
Atom расширяется пакетами. Каждую неделю число быстро растет; на момент написания этой статьи более 500 пакетов. Ниже приведены мои лучшие 5 пакетов, чтобы получить:

• Палитра цветов – средство выбора цвета, способное генерировать цвета HEX и RGBA.
• JSHint – неизбежный инструмент, чтобы сделать ваш код JavaScript “без ошибок”.
• Автозаполнение – это удивительно, что этот вид функциональности не интегрирован в ядро.
• принаряжать – код также должен выглядеть красиво.
• Rdio – Слушай Rdio с ним.

Установка пакетов
Мы можем установить пакеты через Atom; запустите управление пакетами, затем найдите Install Package. В отличие от Sublime Text, который загружает и показывает пакеты в одном диалоговом окне, Atom перенаправит вас на новый экран.

На новом экране вы можете увидеть пакеты, показанные как в App Store или Google Play, каждый с кнопкой Install. Атом имеет несколько пакетов, но вы можете искать остальные через окно поиска.

Рекомендуемое чтение: 18 основных плагинов, чтобы получить больше от SublimeText

уценка
Github построен вокруг Markdown. Первый файл README, который будет выбран и отображен в хранилище, – это файл, записанный в Markdown. Github Pages построен с использованием Jekyll и Markdown. Поэтому разумно интегрировать Markdown в Atom.

Вы можете попробовать написать несколько строк синтаксиса Markdown, нажать Control + Shift + M, и вы увидите, как получится синтаксис.

Рекомендуемое чтение: написание веб-контента с помощью Markdown

Интеграция с Git
Atom добавил несколько вспомогательных функций для тех, кто работает с git. Когда вы добавляете некоторые дополнения или вносите изменения в ваш git-проект, вы увидите цветную метку, как показано ниже (она едва заметна). В Sublime Text такого рода функции также можно реализовать с помощью плагина с именем GitGutter,
Я ожидаю, что Atom будет тесно интегрирован с Github в следующих нескольких выпусках, поэтому мы сможем выполнить коммит, Pull и Push git-репозиторий прямо из Atom – это было бы действительно хорошим дополнением.
Chrome Dev Tools
Atom построен на основе веб-технологий – HTML, CSS и JS – и предназначен для построения Интернета. Так почему бы не добавить в него Web Inspector? Если вы нажмете Alt + Command + I, вы увидите Chrome Dev Tools.
Эти инструменты разработки могут помочь вам настроить Atom, а также разработать темы или пакеты для него.

Рекомендуемое чтение: начало работы с инструментами разработчика Chrome

Настройки
Настройки в Sublime Text, которые раздражают многих людей, выполняются с помощью простых объектов JavaScript. Несмотря на очень близкое сходство с Sublime Text, Atom предлагает хороший графический интерфейс, когда дело доходит до настройки конфигурации, как вы можете видеть ниже.
Вы можете изменить размер шрифта, тему, схему выделения цвета и даже персонализировать сочетания клавиш.
Последняя мысль
Атом выглядит действительно многообещающе, и я вижу, что это может быть серьезным соперником для Sublime Text. Имея схожий пользовательский интерфейс, функции и сочетания клавиш, людям не составит труда перейти на Atom.

Хотите попробовать Atom? Возьмите ваше приглашение в Atom.ioили упомяните меня в твиттере @tfirdausУ меня осталось 2 приглашения.

Наконец, я с нетерпением жду, как пойдет Atom в будущем. Это будет следующий замечательный редактор кода, который заменит Sublime Text?

            <script async src="https://triu.ru/wp-content/litespeed/localres/aHR0cHM6Ly9wbGF0Zm9ybS50d2l0dGVyLmNvbS93aWRnZXRzLmpz" charset="utf-8"></script>