10-ка плагинов для Atom

Редактор Atom от Github — один из лучших доступных на данный момент редакторов кода. Это быстро развиваемый проект, за последнее время было достигнуто очень многое:

  • Выпущена версия 1.0
  • Подготовлены установщики для Windows, Linux и MacOS
  • Значительно улучшена скорость
  • По прежнему остается бесплатным, опережая некоторые коммерческие приложения

Количество плагинов растет в геометрической прогрессии, на данный момент доступно более чем 750 тем оформления и 2400 пакетов плагинов. Причиной этому послужила расширяемость редактора с помощью веб технологий. Если вы работаете на Node.js Atom будет отличным выбором.

Установить пакет в Atom очень просто, для этого:

  • Используйте панель установки на вкладке настроек чтобы найти пакет по имени
  • Воспользуйтесь консольной командой: apm install имя_пакета

В этой статье я опишу десять плагинов для Atom которые сделают его еще лучше.

1. Внешний вид и Seti UI

Выбор темы — сугубо индивидуальное занятие, и здесь лучше опираться на свои вкусы и привычки. Но с Seti, Atom выглядит великолепно, тема включает огромный набор иконок для различных типов файлов включая SCSS, LESS, JSON, файлов настроек grunt и gulp и т д. Для более лучшего эффекта тему можно объединить с Monokai.

1438674848monokai

https://atom.io/themes/seti-ui

https://atom.io/themes/monokai-seti

2. Open Recent

Как и в Sublime в Atom используется простое управление проектами на основе папок. Расширение Open Recent позволяет с легкостью найти и открыть недавно редактированные файлы.

1438675494open-recent

https://atom.io/packages/open-recent

Если вам нужно что-то более сложное, попробуйте плагин Project Manager https://atom.io/packages/project-manager

 

3. TODO-show

Вы запустили Atom, открыли проект, но что же дальше? Todo-show показывает все разбросанные по всему проекту комментарии содержащие слова todo, fixme и changed. Можно также добавить свои регулярные выражения.

1438675585todo-show

https://atom.io/packages/todo-show

 

4. Minimap

Minimap один из самых популярных пакетов Atom. Плагин собирает ваш код в мини карту для более быстрой навигации.

1438675653mini-map

https://atom.io/packages/minimap

 

5. Highlight Selected

При выделении любого слова в Sublme и Notepad++ все другие его вхождения подсвечиваются. Highlight Selected добавляет эту функцию в Atom. Это особенно удобно в сочетании с мини картой.

1438675732highlight-selected

https://atom.io/packages/highlight-selected

https://atom.io/packages/minimap-highlight-selected

 

6. Auto-close HTML

Это очень просто, но я не мог жить без автоматического закрытия тегов HTML. Плагин помогает определить каким тегом нужно завершить строчку или блок.

https://atom.io/packages/autoclose-html

 

7. Pigments

Наверное вы уже видели превью цветов CSS раньше. Но в Pigments еще больше возможностей, он анализирует цвета, понимает переменные пре-процессора и выполняет функции изменения цвета.1438675806pigments

https://atom.io/packages/pigments

8. Linter

Linter — пакет подсветки синтаксиса и проверки ошибок. Он один из лучших, эффективный, быстрый и менее навязчив чем другие конкуренты.

1438675975linter

Обратите внимание, Linter основной пакет, который обеспечивает API для других вспомогательных дополнений. На данный момент поддерживается 28 языков. Проверка HTML, CSS, JavaScript работает мгновенно, но все зависит от особенностей установки и последующей конфигурации.

https://atom.io/packages/linter

https://atom.io/packages/linter-htmlhint

https://atom.io/packages/linter-csslint

https://atom.io/packages/linter-jshint

 

9. Отступы

Кодеры никогда не придут к согласию какие отступы использовать, два, три или восемь пробелов. Я обычно использую трех символьную табуляцию.  С авто определением отступов вам больше нет о чем волноваться. Можете сделать свой код еще красивее с помощью плагина atom-beautify.

https://atom.io/packages/auto-detect-indentation

https://atom.io/packages/atom-beautify

 

10. Разное

Еще несколько плагинов на последок. Первый — Emmet ранее известный как Zen Code. Позволяет с помощью небольших инструкций создавать развернутые html или css блоки с использованием различных атрибутов.

https://atom.io/packages/emmet

Если вы создаете веб приложения REST, расширение Atom Rest Client быстрый и удобный инструмент для тестирования. Он не такой мощный как например Postman но все же делает свою работу.

1438676069rest-client

https://atom.io/packages/rest-client

Бонусные плагины

Если для вас важно количество  https://atom.io/packages/keycount покажет что вы сделали достаточно в течении дня, теперь можно отдохнуть читая комиксы https://atom.io/packages/xkcd-comics или взорвать код в астероиды  https://atom.io/packages/asteroids

1438676166asteroids

А вы уже настроили свой Atom? Я не забыл упомянуть ваш любимый плагин?

Оцените статью:

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (9 оценок, среднее: 4,67 из 5)
Загрузка...

5 комментариев

  1. Тим Август 7, 2015 Ответить
  2. Lina Апрель 12, 2016 Ответить
  3. fantomnotabene Февраль 21, 2017 Ответить
  4. Руслан Август 16, 2017 Ответить
    • Тралала Февраль 8, 2018 Ответить

Ответить

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: