admin / 05.08.2018

Как настроить редактор atom? — Toster.ru

Для удобного и эффективного программирования мне понадобилась среда разработки, которая должна быть быстрой, легко и гибко настраиваемой, с поддержкой плагинов. В процессе поиска я наткнулся на Atom, именно про него и его плагины расскажу в статье.

Atom editor — среда разработки с открытым исходным кодом от создателей GitHub на базе фреймворка Electron, на котором пишут кроссплатформенные десктопные приложения, используя веб-технологии.

Установка редактора

Переходим на главную страницу редактора и качаем нужную нам версию для Linux, Mac или Windows. Я буду работать в Ubuntu Linux и производить установку через терминал.

  • 1-ая команда скачивает пакет с Atom в текущую дерикторию 
  • 2-ая команда устанавливает этот пакет

Чтобы запустить Atom, достаточно ввести команду в терминале.

Ctr + Shift + P вызовет все горячие клавиши редактора. Советую пробежаться по ним и знать хотя бы основные. Ctr + P вызовет строку поиска файлов по проекту, с помощью нее можно быстро находить нужные файлы.

Плагины

В Atom уже из коробки есть предустановленные плагины (их можно посмотреть в Settings → Packages → Core Packages). 

Emmet

Этот плагин считается “must-have” для веб-разработчиков, так как позволяет очень быстро верстать страницы. Клавиша Tab или Ctr + Eактивирует плагин. Также удобно выделить нужную область нажать Ctr + / и закомментировать ее. 

Скачать

Color-picker

Из названия понятно, что плагин позволяет удобно выбирать цвета из палитры в различных форматах, включая форматы для выбора цвета в Sass и LESS. Чтобы вызвать палитру нажимаем Ctr + alt + c в Linux и Windows, Cmd + Shift + c для Mac. 

Скачать

Git projects

Ctr + Alt + O — выведет список всех локальных репозиториев в операционной системе. Если вы часто работаете с git, думаю, этот плагин будет очень удобен. После установки, в настройках плагина нужно прописать путь к папке со всеми локальными репозиториями.

Скачать

Merge conflicts

Если вы работаете в команде, вероятно вы используйте систему контроля версий, и наверняка сталкивались с конфликтами при слиянии веток. Данный плагин делает процесс разрешения конфликтов очень комфортным и понятным. Когда вы открываете Atom, этот плагин анализирует репозиторий на наличии конфликтов, и если он их находит, то выводит внизу редактора окошко с перечнем файлов с конфликтами. 

Скачать

Minimap

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

Скачать

Atom-alignment package

Плагин позволяет, выделив участок кода, отформатировать его в более приличный вид. Например, у нас есть такой код:

Нажимаем Ctr + Alt + A и код форматируется в более красивый вид.

Скачать

Linter

Проверяет синтаксис кода налету и выдает уведомление об ошибках. Этот плагин является основным пакетом и к нему доустанавливаются остальные «линтеры-аддоны» для каждого языка программирования (полный список). Это сделано для прекращения «войны между плагинами» (The idea is to stop the linter plugins war, by providing a top level API for linters to parse and display errors in the Atom editor). 

Скачать

Multi-cursor

Из названия понятно, что этот плагин делает. В Linux нажимаем Alt + Shift + Up, чтобы размножить курсоры наверх или Alt + Shift + Down, чтобы размножить их вниз. Скачать.

Чтобы выйти из режима мультиредактирования, нажмите Esc.

File-icons

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

Скачать

Если вам понравилась статья, поделитесь ссылкой на нее

Поделиться

    Читайте далее

    Мы рассказываем об интересных технологиях и делимся опытом их использования.

# Package Installer

Если вы хотите установить новый плагин или тему, откройте настройки и нажмите кнопку Install. Здесь вы cможете найти плагины и темы, как только найдете то, что вам нужно, нажмите кнопку Install. Вам не нужно  перезагружать Atom, это необходимо лишь в редких случаях.

# Полезные плагины для Atom

1. Atom-alignment

Выравнивает фрагменты кода, плагин аналогиченsublime_alignment в редакторе Саблайм.

2. Minimap

Мини карта файла предоставляет предварительный просмотр и легко прокручиваемое представление полного исходного кода, как и в Саблайм.

3. Autocomplete-modules

Автозаполнение путей,  и показ  доступных файлов в конкретном месте.

4. File-icons

Заменяет стандартные иконки в меню сбоку на красивые под каждый тип файлов.

5. Highlight-selected

Кликнув двойным щелчком по слову, оно же и другие  подходящие слова  будут выделены в файле.

6. Merge-conflicts

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

7. Color-picker 

Полезный плагин, при обнаружении цвета активируется цветовая пипетка и открывается окно для корректировки цвета.

8. Sort Lines Package

Этот плагин сортирует строки в редакторе, и никогда не устает.

9. Docblockr

Полезный плагин, значительно упрощает написание документации и комментирование вашего кода.

10. Activate Power Mode

Этот воспроизводит  эффекты из codeinthedark/редактора.

11.

Atom editor

Linter

Наверное, один из самых полезных плагинов, проверяет код на ошибки (coffeescript, js, stylus, html).

12. Double Tag

Редактирует открывающий и закрывающий  HTML-теги одновременно.

13. React Pigments

Отображает цвета следом за  текстом, так что вам не придется  теперь запоминать где какой цвет.

14. Auto-Update-Packages for Atom

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

15. Git projects

Этот плагин позволяет вам быстро просматривать список ваших локальных git репозиториев.

16. Auto Detect Indentation for atom

Автоматически определяет отступы открытых файлов. Без этого плагина вам придется изменять настройки табуляции глобально. Например, если в Atom настройка в 4 пробела, вы  открываете  Rails-проект, в котором по умолчанию 2 пробела?

17. Atom-beautify

Сделает код аккуратным будь то HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL.

18. Atom Tool Bar

Этот пакет предоставляет расширяемую панель инструментов для Atom.

19. EditorConfig 

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

20. Code Peek

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

21. Todo Show Package

Находит все что нужно TODO, FIXME, CHANGED, XXX, IDEA, HACK, NOTE, REVIEW  комментарии в своем проекте и показывает их  удобным списком.

22. Goto Definition

Поддержка  языков JavaScript(ES6 && JSX), TypeScript, CoffeeScript, Python, Ruby, PHP, Hack,Perl, KR.

23. Change Case Plugin

Обертка node-change-case для Atom.

24. Vim-mode 

Предоставляет большинство функций Vim в Atom, смешав лучшее от Vim и Atom.

25. Language-babel

По умолчанию плагин определяет такие типы файлов:  .js, .babel, .jsx, es, es6 и  .flow, плагин для всех версий JavaScript, в том числе ES2016 и ESNext. Поддерживает подсветку конструкций языка GraphQL. Цвет синтаксиса определяется темой, которую вы используете в тот момент.

Atom — текстовый редактор в Ubuntu.

Автор: admin.


Atom — это довольно новый, в мире Ubuntu, текстовый редактор, от разработчиков GitHub.

Как ускорить вёрстку в Atom?

Редакторов в системе Ubuntu предостаточно, всяких и разных, но и ещё один, очень неплохой и качественный, тоже не помешает! Данное приложение, охарактеризовано главным образом, его весьма широкими возможностями настроек. «Прогу», подогнать можно очень тонко, в соответствие с вашими потребностями и «вкусами». Кроме того, редактор оснащён собственным файловым менеджером, ну и такими функциями, как: поиск, поиск и замена текста, различные разновидности курсоров, многовкладочность, стильный современный интерфейс и многое другое.

  По-своему внешнему оформлению, Atom — напоминает, да и вообще просто похож, на известный и популярный редактор Sublime Text и это, скорее «хорошо чем плохо». Установить программу можно в Ubuntu c 12.04 по 14.04 (включительно), кроме: Ubuntu 12.10, 13.04 (не поддерживается). Для этого, необходимо добавить в систему репозиторий, выполнив в терминале следующие команды:

sudo add-apt-repository ppa:webupd8team/atom
sudo apt-get update
sudo apt-get install atom

  Если захотите удалить приложение, то соответственно выполните:

sudo add-apt-repository -r ppa:webupd8team/atom
sudo apt-get update
sudo apt-get purge atom

Положительные характеристики Atom:

  • Хороший и качественный текстовый редактор с расширенной настраивоимостью.

Отрицательные характеристики Atom:

  • Вроде, нечего плохого сказать нельзя.

Параметры:

Язык интерфейса:  русский
Лицензия:GNU GPL
Домашняя страница:https://flacon.github.io/

Проверялось на «Ubuntu» 14.04 LTS, Unity (64-bit.).

wordpress themes free by best poker sites

Для удобного и эффективного программирования мне понадобилась среда разработки, которая должна быть быстрой, легко и гибко настраиваемой, с поддержкой плагинов. В процессе поиска я наткнулся на Atom, именно про него и его плагины расскажу в статье.

Atom editor — среда разработки с открытым исходным кодом от создателей GitHub на базе фреймворка Electron, на котором пишут кроссплатформенные десктопные приложения, используя веб-технологии.

Установка редактора

Переходим на главную страницу редактора и качаем нужную нам версию для Linux, Mac или Windows. Я буду работать в Ubuntu Linux и производить установку через терминал.

  • 1-ая команда скачивает пакет с Atom в текущую дерикторию 
  • 2-ая команда устанавливает этот пакет

Чтобы запустить Atom, достаточно ввести команду в терминале.

Ctr + Shift + P вызовет все горячие клавиши редактора. Советую пробежаться по ним и знать хотя бы основные. Ctr + P вызовет строку поиска файлов по проекту, с помощью нее можно быстро находить нужные файлы.

Плагины

В Atom уже из коробки есть предустановленные плагины (их можно посмотреть в Settings → Packages → Core Packages).

Emmet

Этот плагин считается “must-have” для веб-разработчиков, так как позволяет очень быстро верстать страницы. Клавиша Tab или Ctr + Eактивирует плагин. Также удобно выделить нужную область нажать Ctr + / и закомментировать ее.

Скачать

Color-picker

Из названия понятно, что плагин позволяет удобно выбирать цвета из палитры в различных форматах, включая форматы для выбора цвета в Sass и LESS. Чтобы вызвать палитру нажимаем Ctr + alt + c в Linux и Windows, Cmd + Shift + c для Mac.

Скачать

Git projects

Ctr + Alt + O — выведет список всех локальных репозиториев в операционной системе. Если вы часто работаете с git, думаю, этот плагин будет очень удобен.

Текстовый редактор Atom. Быстрая установка синхронизации настроек и плагинов

После установки, в настройках плагина нужно прописать путь к папке со всеми локальными репозиториями.

Скачать

Merge conflicts

Если вы работаете в команде, вероятно вы используйте систему контроля версий, и наверняка сталкивались с конфликтами при слиянии веток. Данный плагин делает процесс разрешения конфликтов очень комфортным и понятным. Когда вы открываете Atom, этот плагин анализирует репозиторий на наличии конфликтов, и если он их находит, то выводит внизу редактора окошко с перечнем файлов с конфликтами.

Скачать

Minimap

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

Скачать

Atom-alignment package

Плагин позволяет, выделив участок кода, отформатировать его в более приличный вид. Например, у нас есть такой код:

Нажимаем Ctr + Alt + A и код форматируется в более красивый вид.

Скачать

Linter

Проверяет синтаксис кода налету и выдает уведомление об ошибках. Этот плагин является основным пакетом и к нему доустанавливаются остальные «линтеры-аддоны» для каждого языка программирования (полный список). Это сделано для прекращения «войны между плагинами» (The idea is to stop the linter plugins war, by providing a top level API for linters to parse and display errors in the Atom editor).

Скачать

Multi-cursor

Из названия понятно, что этот плагин делает. В Linux нажимаем Alt + Shift + Up, чтобы размножить курсоры наверх или Alt + Shift + Down, чтобы размножить их вниз. Скачать.

Чтобы выйти из режима мультиредактирования, нажмите Esc.

File-icons

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

Скачать

Если вам понравилась статья, поделитесь ссылкой на нее

Поделиться

FILED UNDER : IT

Submit a Comment

Must be required * marked fields.

:*
:*