13 лучших пакетов Atom для веб-разработчиков

Редактор кода Atom - один из лучших вариантов для разработчиков программного обеспечения. Платформа с открытым исходным кодом, поддерживаемая самим Github, Atom - это усилие сообщества, которое демонстрирует любовь и поддержку, которую преданная группа людей может вложить в создание бесплатного программного обеспечения высшего уровня. Большая часть этого - расширяемость Atom и количество замечательных дополнительных пакетов, которые пользователи могут включать в свою IDE. Мы хотим выделить некоторые из лучших пакетов Atom, чтобы вы могли улучшить свою установку Atom.

1. ЛИНТЕР

Какая IDE или редактор кода были бы полноценными без установленного фантастического линтера? Линтер - это базовый пакет для упорядочивания дополнительных пакетов. Затем вы посетите atomlinter.github.io, чтобы найти конкретный линтер для языков, на которых вы разрабатываете. Хотя существует ряд линтеров для конкретных языков, не построенных на этой основе, мы думаем, что наличие прочного базового линтера в ваш редактор поможет полиглотам оставаться эффективными и решать меньше проблем.

Больше информации

2. Пигменты

Пигменты - это простой пакет, который позволяет вам видеть цвета RGB и шестнадцатеричные цвета внутри редактора. Больше не нужно держать дополнительные палитры в фоновом режиме или использовать другие инструменты. Какую бы цветовую комбинацию вы ни вводили, она выделяется самим кодом. Просто, легко и полезно - все в одном.

Больше информации

3. Палитра цветов

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

Больше информации

4. Значки файлов

Одна из наиболее неприятных вещей в большинстве редакторов кода - это отсутствие значков файлов по умолчанию. Многие (включая Atom) не имеют визуального способа сразу различать типы файлов. Введите значки файлов. Установив этот пакет, вы можете визуально определить, где вы перешли в файловой структуре и куда вам нужно с первого взгляда. Это небольшая особенность, но ее достаточно для улучшения качества жизни, чтобы работать без нее, как в темных очках по ночам.

Больше информации

5. Эммет

Emmet - очень популярный инструмент для разработчиков практически в любом редакторе, и это официальный пакет для Atom. По сути, Emmet - это набор сокращений и сокращений, которые делают написание кода более быстрым и эффективным. Вы можете установить нажатия клавиш, и синтаксис будет знаком всем, кто использует CSS, поскольку он основан на этих селекторах. Сделайте себе одолжение и дайте Эммету шанс получить пакет Atom. Мы не думаем, что вы будете разочарованы.

Больше информации

6. Git Plus

Там, где есть разработка программного обеспечения, есть Git. А там, где есть Git, необходимо эффективное и простое управление репо. Нет ничего проще, чем использовать команды Git в редакторе кода или IDE. Это именно то, что делает за вас git-plus. Если вы никогда не использовали такой пакет, как git-plus, мы рекомендуем вам попробовать. Если вы привыкли к командной строке и терминалу, это может занять некоторое время, но как только вы привыкнете делать это из самого Atom, мы думаем, что вам понравится рабочий процесс.

Больше информации

7. Atom Beautify

Никому не нравится уродливый код. Вы этого не сделаете. Ваш босс этого не делает. Твои товарищи по команде этого не делают. И, конечно же, разработчики, которые придут после вас в проект, этого не делают. Так что установите этот пакет Atom и убедитесь, что ваш код соответствует стандартам и передовым практикам. На самой странице разработки вы можете украсить «HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C ++, C #, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL и многое другое». Да, пожалуйста.

Больше информации

8. Выделите выбранное.

Думайте об этом как о ярлыке для поиска и выбора всех. Дважды щелкните слово или выделение, и вы увидите, что каждое его вхождение в файле выделено. Мы не можем сказать вам, как часто этот вид пакетов нам пригодился. Абсолютно один из лучших пакетов Atom.

Больше информации

9. Миникарта

Миникарта была одним из самых первых пакетов, которые мы установили в Atom. Sublime Text по умолчанию поставляется с картой документа, что значительно улучшает навигацию по большим файлам. Мы хотели такой же функциональности в Atom. Идея проста. Независимо от того, какая часть файла находится в видимой области редактора, она также выделяется на миниатюрной визуализации файла целиком. Используя миникарту, вы можете сразу определить, где вы находитесь и где вам нужно быть.

Больше информации

10. Телетайп

Вы когда-нибудь хотели совместной работы и редактирования в стиле Google Документов в Atom? Конечно, есть. Совместная работа над проектами может быть проблемой, в зависимости от того, как настроено ваше рабочее пространство. Teletype позволяет вам и всем, кого вы приглашаете в проект, писать в одном документе в одно и то же время в режиме реального времени. Несмотря на то, что парное программирование популярно в современной индустрии разработки программного обеспечения и насколько сложны многие проекты, Teletype определенно является тем, с чем можно поэкспериментировать, чтобы увидеть, работает ли он для вас.

Больше информации

11. Менеджер проекта

Это не Asana для Atom, у менеджера проектов по-прежнему много возможностей, потому что переход между разными проектами в Atom - не самый интуитивно понятный процесс. Теперь есть.

Больше информации

12. Автоматическое закрытие HTML

Мы не знаем, как вы, но написание закрывающих тегов - это реальная проблема. Установите этот пакет Atom, и вам больше никогда не придется его вводить. Каждый раз, когда вы открываете HTML-тег, этот (как вы уже догадались) автоматически закрывает его для вас. Блестяще.

Больше информации

13. Зентабс

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

Больше информации

Завершение лучших пакетов Atom

Пакеты Atom - вот что делает редактор таким замечательным. Поддержка сообщества находится вне этого мира, и, кроме того, за Atom стоит Github. Это позволяет вам знать, что этот редактор никуда не денется, а это означает, что популярные и полезные пакеты тоже никуда не денутся.

Как вы думаете, какие пакеты Atom являются лучшими? Дайте нам знать об этом в комментариях!

Статья из избранного изображения от SMM-Studio / shutterstock.com