Atom editor

4 min read

Для удобного и эффективного программирования мне понадобилась среда разработки, которая должна быть быстрой, легко и гибко настраиваемой, с поддержкой плагинов. В процессе поиска я наткнулся на Atom, именно про него и его плагины расскажу в статье.

Atom editor — среда разработки с открытым исходным кодом от создателей GitHub на базе фреймворка Electron, на котором пишут кроссплатформенные десктопные приложения, используя веб-технологии.

Установка редактора

Переходим на главную страницу редактора и качаем нужную нам версию для Linux, Mac или Windows. Я буду работать в Ubuntu Linux и производить установку через терминал.

sudo wget https://github.com/atom/atom/releases/download/v1.3.2/atom-amd64.deb sudo dpkg -i atom-amd64.deb

Чтобы запустить Atom, достаточно ввести команду в терминале.

atom

Ctr + Shift + P вызовет все горячие клавиши редактора. Советую пробежаться по ним и знать хотя бы основные. Ctr + P вызовет строку поиска файлов по проекту, с помощью нее можно быстро находить нужные файлы.

Плагины

В Atom уже из коробки есть предустановленные плагины (их можно посмотреть в Settings → Packages → Core Packages). 

Emmet

Этот плагин считается “must-have” для веб-разработчиков, так как позволяет очень быстро верстать страницы. Клавиша Tab или Ctr + Eактивирует плагин. Также удобно выделить нужную область нажать Ctr + / и закомментировать ее. 

Скачать

Color-picker

Из названия понятно, что плагин позволяет удобно выбирать цвета из палитры в различных форматах, включая форматы для выбора цвета в Sass и LESS. Чтобы вызвать палитру нажимаем Ctr + alt + c в Linux и Windows, Cmd + Shift + c для Mac. 

Скачать 

Git projects

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

/path/to/repo1; /path/to/repo2; /path/to/repo3;

Скачать

Merge conflicts

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

Скачать 

Minimap

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

Скачать 

Atom-alignment package

Плагин позволяет, выделив участок кода, отформатировать его в более приличный вид. Например, у нас есть такой код:

var1 = 'adas'; var123456 = 'adadasd'; a = 1; bacd = 'Very long striiing'

Нажимаем Ctr + Alt + A и код форматируется в более красивый вид.

var1 = 'adas'; var123456 = 'adadasd'; a = 1; bacd = 'Very long striiing'

Скачать

Linter

Проверяет синтаксис кода налету и выдает уведомление об ошибках. Этот плагин является основным пакетом и к нему доустанавливаются остальные "линтеры-аддоны" для каждого языка программирования (полный список). Это сделано для прекращения «войны между плагинами» (The idea is to stop the linter plugins war, by providing a top level API for linters to parse and display errors in the Atom editor). 

Скачать 

Multi-cursor

Из названия понятно, что этот плагин делает. В Linux нажимаем Alt + Shift + Up, чтобы размножить курсоры наверх или Alt + Shift + Down, чтобы размножить их вниз. Скачать.

Чтобы выйти из режима мультиредактирования, нажмите Esc.

File-icons

Показывает иконку рядом с именем файла. 

Скачать