🎨 Как верстать в консоли?

Оказывается, в консоли можно выводить красивый, форматированный текст!

Мы можем форматировать текст с помощью CSS. Для этого нам необходимо добавить %c который позволяет применять CSS-стили к части строки в console.log(). `console.log('%c Текст, который нужно стилизовать', 'CSS-стили');

⚫️Первая строка (с '%c') - это сам текст. ⚫️Вторая строка - это строка со стилями в формате CSS.

Рассмотрим пример: `console.log('%c Привет, мир!', 'color: red; font-size: 20px; font-weight: bold;');

В консоли браузера этот текст будет красным, большим и жирным.

Можно даже использовать градиенты: `console.log('%c 🌈 Градиентный лог! ', 'background: linear-gradient(to right, red, yellow, green, blue); color: white; font-size: 18px; padding: 5px; border-radius: 5px;');

Объединять стилизованные логи с группировками: `js КопироватьРедактировать console.group('%c Логи работы программы', 'color: blue; font-size: 16px; font-weight: bold;'); console.log('%c ✅ Запущено', 'color: green;'); console.log('%c ⚠️ Предупреждение', 'color: orange;'); console.log('%c ❌ Ошибка', 'color: red;'); console.groupEnd();

Так удобно группировать логи в понятные блоки.

💅 Короче, экспериментируйте.````