Khắc Phục Lỗi Tích Hợp Laravel Blade trên VSCode: Sửa Lỗi Không Hoạt Động ở Chế Độ Select Language Mode

Nếu bạn là một lập trình viên sử dụng Laravel trên VSCode, chắc chắn bạn đã gặp vấn đề khi sử dụng Blade và cài đặt extension như Laravel Blade Snippets và Laravel Snippets mà vẫn không thể sử dụng các từ khóa Blade một cách thuận tiện.

Hình 1: Minh họa lỗi

Nguyên nhân của vấn đề này là do VSCode tự động nhận diện các file có đuôi là .php, làm cho Blade không thể hiểu. Một cách để khắc phục là chọn chế độ ngôn ngữ Blade trong Select Language Mode như hình dưới đây:

Hình 2: Chọn Blade

Như vậy là được rồi

Hình 3: Khắc phục thành công

Tuy nhiên, vấn đề đặt ra ở đây là bạn phải sửa từng file có đuôi  .blade.php, điều này không chỉ là mất công mà còn gây khó chịu khi tạo file mới.

Để giải quyết vấn đề này một cách hiệu quả, bạn có thể cấu hình lại Setting của VSCode như sau:

Sử dụng phím tắt Ctrl + Shift + P để mở thanh tìm kiếm lệnh.

Gõ từ khóa "Open User Settings (JSON)" và chọn lựa chọn đầu tiên như hình minh họa dưới đây:

Hình 4: Open User Settings (JSON)

Tìm đến từ khóa "files.associations" và thêm đoạn mã sau vào:

"files.associations": {

  "*.php": "php",

  "*.blade.php": "blade"

},

Kết quả là, khi bạn tạo một file Blade mới, VSCode sẽ tự động nhận Blade.

Nguồn tham khảo: https://stackoverflow.com/questions/76708230/vscode-language-identifier-doesnt-work-for-laravel-blade

Chúc bạn thành công!

Best,

Đoàn Quang Huy