Тонке налаштування 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 українською мовою, а поки ось тут тобі шпаргалка: Тиць

Підсвічування вибраного тексту

Встанови розширення highlight-selected, і після перезапуску Atom у тебе з’явиться ось така фішка:


Автоматичний набір Lorem Ipsum

Хто не знає, Lorem Ipsum – тестовий текст без жодного сенсу, що використовується при верстці сайту для попереднього перегляду “наповненого сайту”. Докладніше пояснення, що це за текст, отут, а становити його можна із розширень Atom під назвою lipsum.

Потім просто тиснеш Ctrl+Shift+P, вводиш слово lipsum і вибираєш, що тобі потрібно вставити – речення, абзац, чи кілька абзаців.

Далі буде.

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

20.01.2019 PHP, HTML, CSS

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