
Меня часто спрашивают какие плагины использую я для atom, так как я снимаю в нем видео. Поэтому сегодня я расскажу что я использую и почему и, возможно какие-то из них вам пригодятся.
Итак первым идет Auto close html Он закрывает открытый тег, что очень удобно. Если вы пишете html, то однозначно надо ставить.
Autocomplete+ path Это автодополнение для файлов. В atom есть несколько стандартных пакетов для автодополнения, но этот в стандартные пакеты почему-то не вошел. Он решает огромную проблему. Вам не нужно пропечатывать файлы руками и помнить точные названия.
Docblockr - пакет для легкого написания документации. Я использую JSDoc вместе с ним и он отлично генерирует заготовки для документации на основе функций, перед которыми вы его ставите. Вы пишете функцию, нажимаете /** и вам генерируется заготовка.
EditorConfig - этот пакет я бы поставил под номером один для каждого разработчика в команде. EditorConfig - это специальный файл, который кладется в рут проекта и где указывают отступы для разных типов файлов. Этот пакет есть почти для любого редактора и сразу подхватывает отступы принятые в проекте.
file-icons - красивые иконки для редактора. Они сильно упрощают нахождение файлов визуально по типам.
Highlight Selected - даблклик по слову подсвечивает все нахождения этого слова в тексте. Единственное, что непонятно, почему он не устанавливается в атом по умолчанию
Javascript snippets - это набор сниппетов для javascript, которые упрощают набор кода, который вы пишете каждый день. Например cl напишет console.log, а de - debugger.
Jsx - если вы используете jsx или react + jsx. Для правильных отступов в js файлах вам обязательно нужен этот пакет
linter - это мой второй самый любимый пакет. Это базовый линтер, который показывает ошибки в файлах. Его можно расширять, добавляя разные линты для разных языков. Например вы можете добавить eslint, если вы пишете javascript. Тогда прямо при вводе текста вам будут подсвечиваться ошибки, соответственно вашим настройкам eslint. Кстати урок по eslint я снимал совсем недавно и советую обязательно посмотреть.
pigments - отличный пакет для подсветки цветов в css файлах. Дает явное представление как выглядит цвет не открывая браузер.
project plus - если у вас больше одного проекта, то у вас явно возникал вопрос, как между ними переключаться не открывая 10 вкладок. Project-plus решает именно эту проблему. Вы сохраняете папку как проект и задаете название. И потом можете в 2 клика переключаться с проекта на проект
sync settings - ну и самый важный пакет, это sync-settings. Потому что когда вы установили все эти пакеты на одну машину, то вы не хотите в следующий раз опять искать их и устанавливать все с ноля на другой машине. В этом пакете можно указать gist файл на гитхабе и в него будет синхронизироваться список пакетов и настройки атома. Тогда для разворачивания атома на другой машине вам понадобится пара секунд.
Я надеюсь, что эти пакеты помогут вам настроить Atom лучше.
Обязательно пишите в комментариях, какие пакеты для atoma используете вы.