В сегодняшней статье я постараюсь дать максимум полезной информации на тему плагинов для вашего Atom редактора если вы «пилите» React приложения. Есть отличное решение в виде набора плагинов для Atom если вы решили расширить функционал редактора. Вот ссылка atom-react. Если открыть консоль в самом редакторе и ввести apm install react то будут инсталлирован целый набор полезных плагинов которые облегчат жизнь начинающему React разработчику.
Syntax Highlighting
Очень полезный плагин который добавляет подсветку синтаксиса при работе с JSX и специальными атрибутами.
Indentation
Плагин для автоматических отступов в компонентах.
Code Folding
Плагин поваляет сворачивать компоненты при клике. Очень полезно когда компонент «разрастается».
Snippets
Набор сниппетов ( шаблонов ) которые можно использовать для более быстрого набора кода.
JSX Reformatting
Плагин позволяет удобно форматировать код компонента, выстраивая атрибуты один под другим.
HTML to JSX conversion
Плагин позволяет быстро конвертировать HTML в JSX со всеми нужными атрибутами.
Autocomplete
Для быстрого написания элементов компонента. При введение кода будет появляется список из уже заготовленный шаблонов для авто заполнения.
Automatic closing tag
Автоматически закрывает тег.
Я немного описал все плагины что бы понимать для чего они предназначены, а теперь к этому списку я добавлю еще парочку плагинов которые будут не менее полезными при разработки React приложений.
autocomplete-modules плагин позволяет при заполнение пути import получать подсказки о возможных папках и путях.
linter-eslint Отличный плагин который проверяет ваш синтаксис написания кода.
auto-update-package плагин сам обновляет другие пльгины каждые 6 часов ( по дефолту ). Если вы хотите иметь всегда актуальны плагину у себя и вам лень обновлять их руками то это прекрасно решение по автоматизации данного процесса.
Заключение
Сегодня я постарался дать вам наиболее полезные плагины для редактора Atom если вы разрабатываете React приложения. Надеюсь что данная информация была вам полезна. Приятно вам покодить!
Подписывайтесь на наш канал в Telegram и на YouTube для получения самой последней и актуальной информации.
Комментарии: