Взгляд на атом: новый редактор кода Github
Githubпопулярный git-репозиторий, содержащий множество проектов с открытым исходным кодом, недавно анонсировал новый редактор кода под названием Атом который потряс «поле битвы редактора кода». В официальном сообщении говорилось, что Atom начинался как эксперимент — вероятно, 6 лет назад, согласно на этот твит одного из основателей Github — которые затем стали частью внутренних инструментов в Github; на самом деле Atom построен с использованием самого Atom.
Утверждается, что Atom чрезвычайно взломан, расширяем, но все же может быть удобным для пользователей начального уровня. На момент написания статьи Atom все еще находится на стадии бета-тестирования и доступен как приложение только для приглашения. Это также в настоящее время доступно только для платформы OS X — хотя версия Windows и Linux по сообщениям находится в стадии разработки. Я взял его в свои руки, и я хотел бы познакомить вас с этим приложением, посмотреть, что оно может предложить.
Давайте проверим это.
обзор
Если вы твердолобый пользователь Sublime Text, первое, что может вызвать удивление при запуске Atom — это пользовательский интерфейс. Посмотрите на следующий снимок экрана: можете ли вы определить, какой из них является Sublime Text, а какой — Atom?
Ответ: Слева — Sublime Text, а справа — Atom.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)
Помимо внешнего вида, 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>
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)