Тонке налаштування Atom

Пишеш сайти? Глянь сюди. Не знаю, чи щось буде новим для тебе, але якщо ти тільки починаєш юзати Atom в якості редактора коду, тоді точно читай до кінця.

На даний час це радше замітка, аніж стаття. Всього два пункти. Планується розширення до повноцінної статті у процесі використання програми.

Пункти меню описую українською (якої немає в офіційних перекладах програми), оскільки в цю мить у мене на компі відбувається переклад Атома українською мовою. Хочеш – зв’яжися зі мною за допомогою кнопок внизу сайту, і доробимо переклад швидше 😉

Гарячі клавіші для автовідступу

Перейди у меню Зміни -> Гарячі клавіші (файл налаштувань keymap.cson) та залиши наступний запис:

'atom-text-editor':
  'ctrl-shift-l': 'editor:auto-indent'

Тепер при натисненні комбінації Ctrl+Shift+L твій код автоматично прийме реально програмістський вигляд із гарними (і правильними) відступами.

Швидкий набір із Emmet

Напевно, уже знайомо, якщо ти досі користувався подібними IDE. Набираєш код типу

div.container

А воно тобі раз – і готовий код (після натиснення клавіші Tab):

<div class="container"></div>

Для цього встанови розширення Emmet із загального списку розширень (Зміни -> Налаштування -> Додати), а потім додай наступні два рядки в уже зазначений вище файл keymap.cson:

'atom-text-editor:not([mini])':
  'tab': 'emmet:expand-abbreviation-with-tab'

Інакше працювати відверто відмовляється. Принаймні у мене.

Колись опишу всі нюанси використання Emmet українською мовою, а поки ось тут тобі шпаргалка: Тиць

Далі буде.

Якщо ви виявили орфографічну помилку, будь ласка, повідомте мені. Виділіть текст із помилкою та натисніть Ctrl+Enter.

20.01.2019 PHP, HTML, CSS

Прокоментувати