Установка Atom

Настройки Atom
Command Palette
Открытие, изменение и сохранение файла
Подсветка синтаксиса
Подсветка ошибок
Контроль версий
Автоматическое форматирование
Префиксы в CSS

Окружение

• Версия РЕД ОС: 7.3
• Конфигурация: Рабочая станция
• Версия ПО: atom-1.59.0-2

Atom — бесплатный текстовый редактор с открытым исходным кодом для Linux, macOS, Windows с поддержкой плагинов, написанных на JavaScript и встраиваемых под управлением Git.

Большинство плагинов имеют статус свободного программного обеспечения, разрабатываются и поддерживаются сообществом.

Установка в РЕД ОС 7.3 доступна следующей командой (с правами пользователя root):

dnf install atom

Запуск доступен из «Меню» - «Стандартные» - «Atom».

Преимущества Atom:

• наличие большого количества бесплатных плагинов, которые можно загружать прямо из интерфейса программы;

• редактор совместим со всеми распространенными языками программирования;

• автоматическая подсветка синтаксиса;

• удобные инструменты для совместного режима работы.

При запуске Atom сразу открываются три вкладки «Welcome», «Welcome Guide» и «Telemetry Consent».

На вкладке «Welcome» указаны ссылки на официальный сайт разработчика, документацию и публикацию проектов на github.com.

Вкладка «Welcome Guide» содержит перечень подсказок по функционалу редактора в виде панелей, разворачивающихся при нажатии. Фактически эти панели являются быстрым инструментом для настройки программы.

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

Настройки Atom

Настройки редактора Atom открываются через пункт меню программы «Edit» - «Preferences» - «Settings». В них доступны разделы Core, Editor, URl Handling, Keybindings, Packages, Themes, Updates, Install.

Core - основные настройки. Здесь настраиваются параметры пользовательского интерфейса: звуковые сигналы, закрытие пустых панелей и пустых окон, кодировка, используемая по-умолчанию для записи и чтения файлов, автоматическое обновление программы и прочее.

В Editor настраиваются шрифты, отступы, длина отступа, длина строки, чувствительность прокрутки, способ переноса и всё, что связано с редактированием текста.

URl Handling - обработка специальных URl, запускаемых системой.

Keybindings - горячие клавиши или сочетания клавиш. Если необходимо изменить сочетание клавиш для выполнения какого-либо действия, нажмите на иконку «Скопировать» (  ) в строке нужной комбинации, перейдите по ссылке «your keymap file».

Вставьте строки из буфера обмена и пропишите желаемое сочетание клавиш.

Packages - установленные пакеты (расширения).

Themes - выбор тем пользовательского интерфейса Theme UI и тем подсветки синтаксиса Theme Syntax, по умолчанию доступны светлая и тёмная.

Updates - проверка обновлений.

Install - установка расширений и тем интерфейса.

Command Palette

Одной из самых важных команд Atom является Палитра команд (Command Palette), она представляет собой поисковое меню, позволяющее осуществлять быстрый переход к настройкам редактора и выполнять большинство его функций. Вызывается нажатием сочетаний клавиш «Ctrl + Shift + P» в области редактора. Палитра команд также показывает, есть ли связанные клавиши у запрашиваемой команды.

Открытие, изменение и сохранение файла

Для открытия файла доступен пункт основного меню «File» - «Open file…» или комбинация клавиш «Ctrl + O».

Чтобы сохранить файл, вы можете выбрать пункт меню «File» - «Save» или нажать «Ctrl + S».

Сохранить текущий контент в своем редакторе под другим именем файла можно в «File» - «Save as» или нажав «Ctrl + Shift + S».

Сохранить все открытые файлы в Atom можно в «File» - «Save All».

Поскольку, чаще всего работа производится сразу с несколькими файлами, объединенными в проект, Atom предоставляет возможность открытия каталога с файлами в «File» - «Open Folder». Чтобы добавить несколько каталогов в текущее окно, нужно выбрать «File» - «Add Project Folder» или нажать сочетание клавиш «Ctrl + Shift + A».

В открытом проекте можно легко найти и открыть любой файл с помощью связок клавиш «Ctrl + T» или «Ctrl + P», в результате чего вверху появится строка поиска. Поиск только по открытым в данный момент файлам осуществляется сочетанием клавиш «Ctrl + B».

Подсветка синтаксиса

Для большинства языков программирования, таких как PHP, HTML, Json, SQL, XML, CSS, CoffeeScript, JavaScript, Java, C/C++, Go подсветка синтаксиса включена по умолчанию. Для некоторых других языков может потребоваться установка дополнения atom-twig.

Подсветка ошибок

В Atom для подсветки ошибок на лету используется интерфейс линтеров. Есть общий пакет Linter, а также реализация проверки для разных языков. Для подсветки ошибок в PHP, CSS, JSON и HTML необходимо установить следующие пакеты: linter, linter-ui-default, linter-php, linter-csslint, linter-json-lint, linter-htmllint.

Контроль версий

В Atom можно интегрировать контроль версий Git, установив пакет git-plus. Если в каталоге проекта есть Git-репозиторий, вы будете видеть внесенные изменения, а также их текущее состояние. Для внесения изменений в проект нажмите на кнопку «Git», затем выберите измененные файлы, напишите комментарий и нажмите выполните «Commit to <имя_ветки>». Рядом с кнопкой Git находятся кнопки, предназначенные для переключения между ветками и публикации изменений в удаленный репозиторий.

Автоматическое форматирование

Очень удобная функция в популярных средах обработки. Позволяет исправить форматирование кода нажатием одной клавиши. В Atom автоматическое форматирование доступно при установке пакета atom-beautify. Существуют также другие пакеты для этой функции, например, php-cs-fixer.

После установки они будут доступны в меню «Packages».

Префиксы в CSS

Префиксы в CSS позволяют обращаться к определенному браузеру и задавать свойства, именуемые только для него (-webkit, -moz, -ms). Atom позволяет автоматизировать расстановку префиксов в CSS для разных браузеров, используя пакет autoprefixer.

После установки этого пакета необходимо выделить нужный фрагмент кода, открыть меню «Packages» - «Command Palette» - «Toggle». Далее набрать в строке поиска autoprefixer и нажать Enter. После этого префиксы в CSS Atom будут автоматически установлены.

Дата последнего изменения: 27.09.2023

Если вы нашли ошибку, пожалуйста, выделите текст и нажмите Ctrl+Enter.