Для удобного и эффективного программирования мне понадобилась среда разработки, которая должна быть быстрой, легко и гибко настраиваемой, с поддержкой плагинов. В процессе поиска я наткнулся на 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
- 1-ая команда скачивает пакет с Atom в текущую дерикторию
- 2-ая команда устанавливает этот пакет
Чтобы запустить 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
Показывает иконку рядом с именем файла. Скачать
