---
title: "Quick Blade: попередній перегляд Blade-шаблонів у Finder на macOS"
url: https://laravelukraine.com/blog/quick-blade-poperednii-peregliad-blade-sabloniv-u-finder-na-macos
date: 2026-09-11
source: https://laravel-news.com/quick-blade?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+laravelnews
---

# Quick Blade: попередній перегляд Blade-шаблонів у Finder на macOS

Tim Gavin представив Quick Blade - розширення Quick Look для macOS, яке суттєво спрощує роботу з Blade-шаблонами Laravel. Достатньо вибрати файл `.blade.php` у Finder, натиснути пробіл - і ви побачите відрендерену сторінку. Інструмент зчитує проєкт безпосередньо з диска, тому не потребує запущеного сервера розробки, бази даних або підключення до мережі.

## Можливості Quick Blade

Розширення виконує комплексну обробку Blade-шаблонів:

- **Визначає layout** - знаходить батьківський шаблон проєкту
- **Вбудовує скомпільований CSS** - інтегрує стилі безпосередньо в HTML
- **Конвертує Blade-директиви** - перетворює їх на валідний HTML-код
- **Заповнює змінні** - підставляє тестові дані замість echo-виразів
- **Стилізує Flux та Livewire теги** - коректно відображає компоненти цих бібліотек
- **Генерує мініатюри** - створює превью для відображення у Finder

## Як Quick Blade знаходить layout

Інструмент визначає кореневу директорію Laravel-проєкту відносно відкритого файлу. Після цього шукає layout трьома способами (у порядку пріоритету):

1. Тег компонента `<x-layouts.name>`
2. Директива `@extends`
3. Layout, прикріплений до класу Livewire-компонента

Якщо файл не містить layout або знаходиться поза Laravel-проєктом, Quick Blade все одно відрендерить його з використанням вбудованої таблиці стилів.

## Встановлення

Quick Blade встановлюється через Homebrew однією командою:

```bash
brew install --cask timgavin/tap/quick-blade
```

Детальніші інструкції зі встановлення доступні у репозиторії проєкту на GitHub.

## Додаткова інформація

Вихідний код Quick Blade опубліковано на [GitHub](https://github.com/timgavin/quick-blade). Більше деталей про можливості та використання інструменту можна знайти на офіційному сайті [quickblade.app](https://quickblade.app).