Спасибо!
Ваше сообщение отправлено.
Раздел в стадии подготовки!
Подпишись и узнай первым о запуске виртуальной школы веб разработки!
<
Программы для дизайна
Динамика / Эффекты
В данной категории пока нет уроков
В данной категории пока нет уроков
В данной категории пока нет уроков
Есть вопросы или предложения?
Пишите нам!

Всем привет друзья! Во второй статье по текстовому редактору ATOM мы детально разберем его интерфейс и меню.
Видео урок
Поделись с друзьями
Урок
Содержание урока
1Меню — File (Файл)
2Меню Edit (Редактирование)
3Меню View (Вид)
4Меню Selection (Выделение)
5Меню Find (Поиск)
6Меню Packages (Плагины)
7Меню Help (Помощь)
8Меню панели Поиска и Замены
9Нижняя информационная панель Atom
ATOM текстовый редактор #2 — Меню и интерфейс

Меню — File (Файл)

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

ATOM текстовый редактор #2 - Меню и интерфейс

New Window — Открыть новое окно
New File — Создать новый файл
Open File — Открыть файл
Open Folder — Открыть папку
Add Project Folder — Добавить папку к проекту
Reopen Project — Открыть один из недавних, закрытых проектов
Reopen Last Item — Открыть последнюю закрытую вкладку
Settings — открыть панель настроек текстового редактора Atom
Config — Открыть файл настроек Atom
Init Script — Настройки ядра программы
Keymap — Настройки горячих клавиш
Snippets — Настройки кусков кода (сниппетов), которые разворачиваются по нажатию клавиши Tab
Stylesheet — Настройки файла стилей интерфейса программы (css)
Save — Сохранить файл
Save As — Cохранить файл как
Save All — Сохранить все измененные файлы
Close Tab — Закрыть активный файл
Close Pane — Закрыть панель
Close Window — Закрыть окно текстового редактора
Exit — Выйти из текстового редактора
Close All Tabs — Закрыть все открытые вкладки

Меню Edit (Редактирование)

ATOM Меню и интерфейс

Undo — Отменить действия
Redo — Перейти на шаг вперёд (по истории действий)
Cut — Вырезать выделение
Copy — Скопировать выделение
Copy Path — Скопировать путь до активного файла
Paste — Вставить
Select All — Выделить всё
Toggle Comments — Закомментировать / Раскомментировать строку

Lines — Строки
Indent — Отступ выделенных строк вперёд
Outdent — Отступ выделенных строк назад
Auto Indent — Авто расстановка отступов у выделенных строк
Move Line Up — Передвинуть на строку выше
Move Line Down — Передвинуть на строку ниже
Duplicate Lines — Дублировать выделенные линии
Delete Line — Удалить выделенные линии
Join Lines — Склеить выделенные линии (в одну строку)

Columns — Колонки
Move Selection Left — Cдвиг выделенного кода на символ влево
Move Selection Right — Сдвиг выделенного кода на символ вправо

Text — Текст
Upper Case — Перевод выделенного текста в верхний регистр
Lower Case — Перевод выделенного текста в нижний регистр
Delete to End of Word — Удалить конец слова
Delete to Previous Word Boundary — Удалить слово перед курсором
Delete to Next Word Boundary — Удалить слово после курса
Delete Line — Удалить строку
Transpose — Меняет символ слева и справа от курсора, местами

Folding — Сворачивание
Fold — Свернуть выделенный код
Unfold — Развернуть выделенный код
Fold All — Свернуть весь код
Unfold All — Развернуть весь код
Fold Level 1 — Свернуть код на первом уровне вложенности
Fold Level 2 — Свернуть код на втором уровне вложенности
Fold Level 3 — Свернуть код на третьем уровне вложенности

Reflow Selection — Склеивает строки (похож по действию на Lines > Join Lines)

Bookmark — Закладки
View All — Просмотр всех закладок
Toggle Bookmark — Поставить / Убрать закладку на строке
Jump to Next Bookmark — Перейти к следующей закладке
Jump to Previous Bookmark — Перейти к предыдущей закладке

Select Encoding — Выбор кодировки документа
Go to Line — Перейти к строке № (во всплывающем поле указывается номер строки)
Select Grammar — Выбор типа документа (js, html, php…) Влияет на подсветку кода документа

Меню View (Вид)

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

Toggle Full Screen — Переключится в полноэкранный режим
Toggle Menu Bar — Показать / Скрыть меню (Alt)

Panes — Панели
Split Up — Открыть в панели сверху
Split Down — Открыть в панели снизу
Split Left — Открыть в панели слева
Split Right — Открыть в панели справа
Focus Next Pane — Сфокусироваться на следующей панели
Focus Previous Pane — Сфокусироваться на предыдущий панели
Focus Pane Above — Сфокусироваться на панели выше
Focus Pane Below — Сфокусироваться на панели ниже
Focus Pane On Left — Сфокусироваться на панели слева
Focus Pane On Right — Сфокусироваться на панели справа
Close Pane — Закрыть панель

Developer — Панель разработчика
— Открывает редактор в режиме разработки
— Открывает панель разработчика, как в браузере Google Chrome

Increase Font Size — Увеличить размер шрифта
Decrease Font Size — Уменьшить размер шрифта
Reset Font Size — Сбросить размер шрифта к размеру по умолчанию
Toggle Soft Wrap — Включить / Отключить перенос строки
Toggle Command Palette — Открыть / Закрыть командную панель (Ctrl+Shift+P)
Toggle Git Tab — Открыть панель для работы с Git контролем версий
Toggle GitHub Tab — Открыть панель GitHub
Toggle Tree View — Показать / Скрыть дерево проекта (список фалов проекта) (Ctrl+\)

Меню Selection (Выделение)

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

Add Selection Above — Добавить курсор сверху (мультистрока)
Add Selection Below — Добавить курсор снизу (мультистрока)
Split Into Lines — Разделить выделенное на линии (мультистрока)
Single Selection — Одиночный курсор режим по умолчанию)
Select To Top — Выделить от курсора до начала документа
Select To Bottom — Выделить от курсора до конца документа
Select Line — Выделить линию
Select Word — Выделить слово на котором стоит курсор
Select to Beginning of Word — Выделить от курсора до начала слова
Select to Beginning or Line — Выделить от курсора до начала линии
Select to First Character of Line — Выделить от курсора до первого символа линии
Select to End of Word — Выделить до конца слова
Select to End of Line — Выделить до конца линии
Select Inside Brackets — Выделить код внутри скобок, внутри тегов

Меню Find (Поиск)

ATOM редактор кода

Find in Buffer — Поиск внутри документа
Replace in Buffer — Поиск и замена внутри документа
Select Next — Выделяет следующее совпадение по коду
Select All — Выделить все совпадения по коду
Toggle Find in Buffer — Открыть / Закрыть панель поиска по документу
Find in Project — Открыть поиск по документу
Toggle Find in Project — Открыть / Закрыть панель поиска по файлам проекта
Find All — Найти все совпадения
Find Next — Найти следующее совпадение
Find Previous — Найти предыдущее совпадение
Replace Next — Заменить следующие совпадение
Replace All — Заменить все найденные совпадения
Clear History — Очистить всю историю поиска
Find Buffer — Открыть панель со списком открытых вкладок
Find File — Открыть панель со списком всех файлов проекта
Find Modified File — Открыть список измененных файлов

Меню Packages (Плагины)

ATOM плагины

В этом меню перечислены все установленные плагины, в которых есть какие-то настройки либо команды.

Меню Help (Помощь)

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

В этом меню дополнительная информация о текстовом редакторе Atom. Также здесь можно открыть начальное обучающее окно приветствия.

Вот мы и разобрали основное меню текстового редактора Atom.

Меню панели Поиска и Замены

Atom поиск и замена

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

Кнопки:
Find — Найти следующее совпадение
Find All — Выделить все найденные совпадения
Replace — Заменить текущее совпадение на …
Replace All — Заменить все совпадения на …

Кнопки управления параметров поиска (правый верхний угол панели поиска)
Поиск по регулярному выражению
Поиск без учета регистра
Поиск внутри выделенного текста
Поиск по целым словам (а не по части слов совпавших с искомым текстом)

Нижняя информационная панель Atom

Atom интерфейс программы

Будем двигаться слева направо.
Название редактируемого документа (звездочка в конце названия говорит о том, что файл изменен, но не сохранен)
Позиция курсора — Строка | Колонка
Если выделить код, то появляется информация о том, сколько Строк | Символов выделено
В каком виде будет отображаться табуляция (в системе Unix или Windows) (полезно для линтеров, когда ошибки засвечивает на каждой строке)
Кодировка документа (и при клике — панель ее выбора)
Тип документа (при клике — панель смены типа документа)
Информация Git контроля версий о количестве измененных файлов и кнопкой открытия панели Git.

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

Комментарии
Улучши обучение! Ответь на пару вопросов.
В какой области знания тебе нужны больше всего?
HTML5 / CSS3
Java Script / jQuery
Ajax
Php
Json
Базы данных MySQL
1234
В какой области ты хочешь прокачаться?
Дизайн сайтов
FrontEnd - Верстка
FrontEnd - Программирование
FrontEnd - Фреймворки (Bootstrap...)
FrontEnd - Препроцессоры (Scss,Less...)
BackEnd - Программирование
BackEnd - Фреймворки (Yii2...)
BackEnd - Посадка верстки на CMS
Ускорение и эффективность кодинга
1234
Для кого ты создаешь сайты?
Для себя (хобби)
Для организации (работаю в офисе)
Фриланс заказы (работаю на дому)
У меня своя веб студия
1234
В каком тренинге Вы бы хотели принять участие?
В любом!
Мне похуй!
1234
Большое спасибо!
Ты внес ценный вклад в качаство обучения на сайте!
Уверен этот сайт поможет тебе прокачать себя!