Atom комбинации клавиш

Обновлено: 05.07.2024

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

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

СКАЧАТЬ БЕСПЛАТНО. Эта шпаргалка доступна для загрузки в формате PDF у нашего партнера по распространению, TradePub. Вам нужно будет заполнить короткую форму, чтобы получить к ней доступ только в первый раз. Загрузите шпаргалку по сочетаниям клавиш в текстовом редакторе Atom .

Меняем сочетание клавиш в редакторе Атом!

Если вы увидите похожую инструкцию, то скорее всего "своровали с моего сайта"!

На момент написания данной статьи - никакой другой понятной, внятной инструкции по смене горячих клавиш нет!

Непонятно - почему этой инструкции нет - ведь это так просто!

нам нужно попасть в панель управления привязки клавиш - это можно сделать несколькими способами:
1). Идем в меню - расширения - "keybinding resolver" - "toggle ctrl + точка".
2). Или нажимаем сочетание горячих клавиш "ctrl + ."

Меняем сочетание клавиш в редакторе Атом!

Меняем сочетание клавиш в редакторе Атом!

Далее нам нужен файл " keymap.cson " - нашли одним из перечисленных способов по ссылке.

И собственно. нам нужен будет тот текст, который мы ранее скопировали, только его нужно немного рихтануть, пусть "исследовать элемент" открывается как в браузере по кнопке F12!

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

Их можно вызвать нескольким способами:

Нажимаем сочетание клавиш :

Либо - файл - настройки:

Как изменить существующую тему в редакторе Atom?

Как изменить существующую тему в редакторе Atom?

Либо - расширения - settings view - open:

Как изменить существующую тему в редакторе Atom?

Как изменить существующую тему в редакторе Atom?

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

Ускорьте разработку проекта с помощью Atom

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

Если вам требуется найти какое-то определенное сочетание клавиш, то в поле ввода набираем ваше сочетание "горячих клавиш".

Например - нам нужно найти сочетание клавиш : "ctrl-shift-i" - набираем в поле ввода и видим, что да! есть такое сочетание горячих клавиш в Атоме.

Как изменить сочетание клавиш в редакторе Атом?

Следующий пункт - разберемся -как можно изменить сочетание горячих клавиш в редакторе Атом на свое!

Сколько страниц написано, но нигде нет понятной инструкции - как же можно изменить горячие клавиши!

Пошаговая инструкция смены вообще любой горячей клавиши на свою!

Выбираем светлую тему для редактора Atom.

Теперь. давайте попробуем выбрать одну из светлых тем в редакторе Atom:

Выбираем светлую тему для редактора Atom.

Открываем файл Выбираем светлую тему для редактора Atom.

Изменение настроек тем редактора АТОМ.

Дл редактора АТОМ - доступно выбрать две темы, для самого редактора(), и для вкладок.

Если мы веберем внешний вид "light", как видим, по умолчанию есть две темные и две светлые темы.

Выбираем темную тему для редактора АТОМ.

Давайте попробуем выбрать темную тему для редактора АТОМ:

Сочетания клавиш в текстовом редакторе Atom для Windows, Mac и Linux

Выбираем темную/светлую тему для редактора Atom.

Давайте попробуем выбрать темную тему для редактора коду - это второй выпадающий список:

Давайте теперь откроем какой-то файл в редакторе:

Как загрузить новую тему для редактора Atom.

Если вдруг. вам не хватило встроенных тем, то можно закачать какую-то стороннюю тему.

На многих уже перечисленных реакторов кода я использовал тему monokai, давайте попробуем скачать эту тему и для редактора Atom

Идем - "настройки" - в самом низу "расширения"

В поле ввода вставляю - "apm install atom-monokai"

Смотрим результат поиска новых тем для Atom

После того, как вы нажали установить(install) и установка темы прошла удачсно, то вместо слова "install" увидите "uninstall"

Как загрузить новую тему для редактора Atom.

Как загрузить новую тему для редактора Atom.

Теперь опять идем в темы - в выпадающем списке выбираем установленную тему:

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

Как загрузить новую тему для редактора Atom.

Как загрузить новую тему для редактора Atom.

Атом разработала команда разработчиков GitHub, Свой продукт они позиционируют, как текстовый редактор 21 века. К чему изначально стремились разработчики и почему вообще у них возникло желание создать атом, ведь на рынке полно текстовых редакторов? По словам разработчиков – на рынке много подобных программ, например, Sublime Text 3, Brackets и др., но у них есть ряд недостатков. У одних текстовых редакторов богатые возможности в плане расширения функционала, настройки, но сложно это все дело изучить, делать не подкованному пользователю без особых знаний, а другие наоборот легко усвояемы, но мало функциональны. Так вот atom разработали для того, чтобы убрать эти грани, и объединить в себе все плюсы конкурентов!

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

Первый запуск

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

Atom первый запуск

Интерфейс

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

Подсветка кода вообще меня лично влюбила в тему, которая стоит по умолчанию после установки атома. Согласись, она просто потрясная!

Atom текстовый редактор - Интерфейс

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

Atom настройки

Меню настроек текстового редактора atom

Настроек у программы великое множество, все настройки разбиты по смысловым категориям (тоже удобно).
Core – Настройки ядра программы Edit – Настройки редактирования текста и его отображения в окне редактора System – настройки отображения атома в контекстном меню операционной системы Keybindings – Список и описание всех горячих клавиш текстового редактора atom Packages – Список всех установленных в атом плагинов и их настройки с описанием, а также кнопкой включения/отключения любого плагина (даже системного). Themes – Раздел со списком установленных тем и их настройкой. Updates – Раздел уведомлений о новых версиях плагинов, тем и самого текстового редактора атом с кнопкой обновления каждого. Install – Раздел дополнительных плагинов и тем для атома с описанием каждого, быстрым фильтром и кнопкой установки.

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

Горячие клавиши atom

Отдельный раздел показывает все горячие клавиши программы и описание, за что они отвечают. Каждую горячую клавишу можно переписать на другие сочетания клавиш, удобные лично для тебя. Для этого нужно нажать на пиктограмму дискеты, чтобы скопировать код настройки этой функции и затем открыть файл настроек горячих клавиш по ссылке «your keymap file», затем в нем вставить скопированный код и заменить записанные сочетание клавиш на свои и сохранить файл, после чего вы сразу можете использовать указанные горячие клавиши 🙂

Atom горячие клавиши

Плагины для atom

Atom плагины

Подсказки горячих клавиш

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

Atom подсказки горячих клавиш

Закладки

Прямо из коробки в атоме доступны закладки, которые помогут ускорить процесс навигации по объемному коду. Например, у вас имеется css файл со стилями для блоков сайта, так вот поставив закладки на начало каждого участка стилей блоков, можно легко и быстро перемещаться между этими участками кода установив на них закладки. Или, когда вы заканчиваете рабочий день и хотите на следующий день быстро открыть то место, с которым вчера работали – поставьте закладки и не парьтесь!

Закладки в Atom

Git и GitHub в Atom

Очень удобной особенностью атома является еще и то, что он имеет панель для работы с Git контролем версий, что позволяет вести контроль версий прямо из текстового редактора atom без необходимости лезть в консоль. Ну и естественно разработчики атома включили поддержку связки репозитория на GitHub с редактором атом. (Более подробно о работе с Git в atom мы поговорим в следующих статьях)

Atom и Git, Github

Сниппеты в Atom

В Атоме так же есть поддержка сниппетов (заготовленные куски кода). При наборе начальных букв сниппета появляется окошко со списком уже заготовленных в программе сниппетов (для данного типа доккумента), которые соответствуют введенным буквам. Сниппеты разворачиваются по нажатию кнопки Tab .
Так же мы можем создавать свои сниппеты (об этом в следующих статьях данной серии). Меню сниппетов находится в разделе основного меню «Packages» пункт «Snippets» и если мы здесь выберим пункт «available» , то нам откроется окно со списком всех доступных сниппетов для данного типа кода.

Сниппеты в Atom

Командная панель в Atom

Все доступные функции и команды программы доступны в командной панели, которую можно открыть в меню «Packages» пункт «Command Palette» , либо нажатием сочетания горячих клавиш – Ctrl+Shift+P

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

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

Командная панель в Атоме

Панели в Atom

По мимо вкладок мы можем разделить окно редактора на панели. Меню панелей находится в разделе основного меню «View» вкладка «Panes» . Либо из контекстного меню в окне редактора. Если выбрать команду «Split – Up, Down, Left, Right» , то в окне редактора добавится еще одно окно сверху, снизу, слева, справа, соответственно выбранной команде. В свою очередь любую панель так же можно поделить на бесконечное количество дополнительных панелей. Размеры панелей можно менять, потянув за границу нужной панели.

Панели в Atom

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

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

Читайте также: