Обзор редактора Atom

Из Command Palette ⌘/Ctrl+⇧+P

Единый центр управления полётами, откуда можно запустить любую функцию Atom. Команда Install Packages — для установки расширений.

Менеджер расширений

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

CLI-интерфейс

Менеджер расширений для Atom прямо в консоли:
быстро, просто, понятно.

Ускоряемся в HTML с Emmet

Пишем HTML сокращениями: никакого copy-paste, только хардкор.

Ускоряемся в CSS с Emmet

Пишем CSS сокращениями: никакого copy-paste, только хардкор.

Автопрефиксы CSS с Autoprefixer

Расставляем вендорные префиксы CSS автоматически для нужного набора браузеров.

Автопрефиксы CSS с Autoprefixer

Также можно использовать Autoprefixer в стилевом разделе HTML-файла.

Автоформат кода с atom-beautify

Красиво форматируем беспорядочный код на разных языках: от HTML/CSS до С++ и SQL.

«Расчёска» для CSS csscomb

Упорядочиваем CSS-код в нужном порядке. Чётко и дерзко.

JS сокращения JS Snippets

Пишем JS сокращениями: много разных полезных сниппетов из коробки. Есть возможность создать свои варианты.

Автоперезагрузка с LiveReload

• запускает локальный сервер на определённом порту;
• автоматически обновляет страницу при изменении файлов проекта без дополнительных действий;
• можно не привязываться к редактору и установить расширения для браузера (ссылка на проект).

API для проверки кода Linter

• рекомендации по стилю написания кода;
• различные линтеры для JS, CSS, PHP, Ruby и других языков;
• единый программный интерфейс для всех линтеров.

Линтеры JS: jshint и JSCS

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

CSS-линтер csslint

Пишем CSS-код без ошибок. Полезно для новичков.

Color Picker

Выбираем цвет из визуальной палитры прямо в редакторе.

Автодополнение autocomplete+

Экономим время на рутинном наборе одних и тех же слов с умным окошком автодополнения.

Мини-карта кода minimap

Обозреваем весь код файла в графической панели. Быстро прокручиваем в нужное место. Настраиваем на свой вкус.

Предпросмотр Markdown Preview

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

Merge Conflicts для git

Решаем конфликты Git прямо в редакторе: быстро и безболезненно.

Из Atom в консоль atom-terminal

Переключаемся из редактора в текущую директорию в консоли одним сочетанием клавиш.