Laravel VS Code Extension v1.5.0: підтримка Livewire 4 і покращена робота з Blade

0
Перекладено ШІ
Оригінал: Laravel News
Оновлено: 03 лютого, 2026
Опубліковано Laravel VS Code Extension v1.5.0 із покращеним парсингом Livewire 4, автодоповненням властивостей компонентів і підтримкою пропсів у Blade. Хочете дізнатися, як ці зміни пришвидшать розробку з Livewire і багатофайловими компонентами — читайте далі.

Дата випуску: 29 січня 2026

Версія: v1.5.0

Коротко

Laravel VS Code Extension v1.5.0 додає покращений парсинг, автозаповнення та інтелісенс для сучасної розробки на Livewire і Blade.

Основні нововведення:

Що нового

Покращений парсинг компонентів Livewire 4

Розширення краще розбирає компоненти та простори імен Livewire 4, коректно ідентифікуючи структури сучасного синтаксису Livewire. Це покращує підказки й інтелісенс у проєктах на Livewire.

<?php
 
namespace App\Livewire\Dashboard;
 
use Livewire\Component;
 
class UserStats extends Component
{
    // Extension now correctly parses namespaced components
    public function render()
    {
        return view('livewire.dashboard.user-stats');
    }
}

PR: #556

Підтримка пропсів Livewire

Додано автозаповнення та інтелісенс для пропсів Livewire — тепер при визначенні пропсів через атрибут #[Prop] розширення надає підказки та документацію.

<?php
 
namespace App\Livewire;
 
use Livewire\Attributes\Prop;
use Livewire\Component;
 
class UserCard extends Component
{
    #[Prop]
    public User $user;
 
    #[Prop]
    public bool $showAvatar = true;
 
    // Extension provides autocompletion for these props
    public function render()
    {
        return view('livewire.user-card');
    }
}

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

PR: #553

Пропси Blade-компонентів

Як і з Livewire-пропсами, розширення краще працює з пропсами Blade-компонентів: підсвічує синтаксис і дає інтелісенс при використанні директиви @props.

{{-- resources/views/components/alert.blade.php --}}
@props([
    'type' => 'info',
    'dismissible' => false,
    'message'
])
 
<div class="alert alert-{{ $type }}">
    {{ $message }}
 
    @if($dismissible)
        <button type="button" class="close">×</button>
    @endif
</div>

Розширення розпізнає визначення пропсів і покращує інтелісенс для атрибутів компонентів.

PR: #554

Підтримка Multi-file компонентів Livewire 4

Покращено інтелісенс для Multi-file компонентів (MFC) у Livewire 4. Розширення краще розуміє функціональні Livewire-компоненти та дає релевантні підказки, що спрощує роботу з цим паттерном.

PR: #561

Виправлення та покращення

Примітки щодо оновлення

Ломаючих змін не очікується. Оновіть через VS Code Extensions Marketplace або завантажте з його сторінки.

Посилання

Популярні

Logomark Logotype

Журнал аудиту в Laravel

Хочете забезпечити повну прозорість у своїх Laravel-додатках? Пакет Laravel Audit Log допоможе вам детально відстежувати всі зміни моделей Eloquent та відповідати вимогам регуляторів. Читайте далі, щоб дізнатися, як цей потужний інструмент може підвищити надійність вашого проєкту

Logomark Logotype

4 поширені помилки Vite у Laravel

Використання Vite для створення фронтенд-ресурсів у вашому додатку Laravel може бути захоплюючим, але іноді ви можете стикнутися з певними помилками. У цій статті ми розглянемо чотири поширені помилки, з якими ви можете зіткнутися, а також підкажемо способи їх усунення, щоб ви могли знову зосередитися на розробці вашого додатку

Logomark Logotype

Nuxt 3 + Laravel Sanctum: Просте та надійне рішення для автентифікації вашого SPA та API

У сучасній веб-розробці аутентифікація є ключовою для захисту додатків і даних користувачів. Дізнайтеся, як модуль nuxt-sanctum-authentication спростить інтеграцію між Nuxt 3 та Laravel Sanctum, забезпечуючи надійний і зручний спосіб реалізації аутентифікації для вашого проєкту