Laravel Extra Intellisense không hoạt động

Tổng quan Phiên bản Lịch sử Hỏi & Đáp Xếp hạng & Đánh giá

Bao gồm các tiện ích mở rộng cơ bản để bắt đầu phát triển Laravel trong Visual Studio Code

Tiện ích mở rộng của Laravel

Cài đặt định dạng lưỡi dao

Mở File -> Preferences -> Settings

Sử dụng Laravel Blade Snippet và kích hoạt bộ định dạng lưỡi cắt

"blade.format.enable": true,
"[blade]": {
    "editor.autoClosingBrackets": "always",
    "editor.defaultFormatter": "onecentlin.laravel-blade",
},

Thay thế. Sử dụng Laravel Blade formatter làm bộ định dạng lưỡi cắt

"bladeFormatter.format.enabled": true,
"[blade]": {
    "editor.defaultFormatter": "shufo.vscode-blade-formatter",
},

Sự hợp tác

ExtensionObjectiveEditorConfig cho VS CodeEditorConfig giúp các nhà phát triển xác định và duy trì các kiểu viết mã nhất quán giữa các trình soạn thảo và IDE khác nhau

Phát triển PHP

Tiện ích mở rộng được đề xuất. Gói năng suất PHP

Vui lòng gửi bất kỳ vấn đề nào hoặc có đề xuất vui lòng tweet cho tôi @onecentlin

Laravel là một khung ứng dụng web PHP mã nguồn mở miễn phí. Nó được xây dựng dựa trên một số thành phần của Symfony và giúp thực hiện các tác vụ phổ biến như xác thực, định tuyến, phiên và lưu vào bộ nhớ đệm dễ dàng hơn nhiều

Trước khi bạn bắt đầu làm việc với Laravel, hãy đảm bảo rằng một trong các plugin sau đã được cài đặt và kích hoạt

  • Plugin Laravel [miễn phí] và công cụ trợ giúp Laravel IDE

  • Plugin Laravel Idea [trả phí]

Ngoài ra, hãy đảm bảo Trình soạn thảo được cài đặt trên máy của bạn và được khởi chạy trong dự án hiện tại như được mô tả trong trình quản lý phụ thuộc Trình soạn thảo

Xem video này để có cái nhìn tổng quan nhanh về hỗ trợ Laravel trong PhpStorm

Cài đặt trình tạo trình trợ giúp Laravel IDE

  1. Cài đặt trình tạo trình trợ giúp IDE của Laravel với Composer. Để thực hiện việc này, hãy thêm phần phụ thuộc cho gói barryvdh/laravel-ide-helper vào composer. json . Tham khảo Cài đặt phụ thuộc để biết chi tiết.

  2. Thêm Trợ giúp Laravel IDE dưới dạng ServiceProvider vào ứng dụng. Trong config/ứng dụng. php , thêm Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class dưới phần tử providers.

    trả về mảng[ //. 'nhà cung cấp' => mảng[ //. // Trình trợ giúp Laravel IDE 'Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider. lớp', ], //. ];

Trình trợ giúp IDE của Laravel có thể phải được chạy sau khi thay đổi hoặc thêm dịch vụ, bộ điều khiển, mô hình và chế độ xem. Ngoài ra, hãy thiết lập Trình theo dõi tệp trong PhpStorm để tự động tạo lại tệp này, chẳng hạn như khi composer. json được cập nhật.

Bạn cũng có thể cài đặt gói Trình soạn thảo trình tạo Laravel để thêm các trình tạo Laravel khác nhau cho các mô hình, chế độ xem, bộ điều khiển, v.v.

hỗ trợ mã hóa

Plugin Laravel cung cấp khả năng hoàn thành mã và điều hướng cho các thành phần Laravel khác nhau. bộ điều khiển, tuyến đường, chế độ xem, cấu hình, dịch vụ và bản dịch. Bạn cũng có thể sử dụng các mẫu trực tiếp dành riêng cho Laravel để tạo các thực thể Laravel khác nhau

Phần này mô tả hỗ trợ mã hóa được cung cấp bởi plugin Laravel. Để biết chi tiết về cách làm việc với plugin Laravel Idea, hãy xem tài liệu chính thức

hoàn thành mã

Trong trình chỉnh sửa, nhấn Ctrl+Space để gọi hoàn thành mã và thực hiện bất kỳ thao tác nào sau đây

  • Tham khảo bộ điều khiển khi sử dụng các chức năng khác nhau của mặt tiền

    "bladeFormatter.format.enabled": true,
    "[blade]": {
        "editor.defaultFormatter": "shufo.vscode-blade-formatter",
    },
    
    0 và
    "bladeFormatter.format.enabled": true,
    "[blade]": {
        "editor.defaultFormatter": "shufo.vscode-blade-formatter",
    },
    
    1

  • Tham khảo mẫu Blade [hoặc chế độ xem] khi sử dụng mặt tiền

    "bladeFormatter.format.enabled": true,
    "[blade]": {
        "editor.defaultFormatter": "shufo.vscode-blade-formatter",
    },
    
    2

  • Tham khảo các khóa khác nhau được xác định trong cài đặt ứng dụng của bạn khi sử dụng mặt tiền ________ 13

  • Hoàn thành các phím dịch khác nhau khi sử dụng

    "bladeFormatter.format.enabled": true,
    "[blade]": {
        "editor.defaultFormatter": "shufo.vscode-blade-formatter",
    },
    
    4 và gọi
    "bladeFormatter.format.enabled": true,
    "[blade]": {
        "editor.defaultFormatter": "shufo.vscode-blade-formatter",
    },
    
    5

điều hướng mã

Để điều hướng đến phần khai báo của một mục, đặt dấu mũ ở vị trí sử dụng và nhấn Ctrl+B. Ngoài ra, Ctrl + Nhấp vào cách sử dụng

  • Điều hướng đến khai báo của bộ điều khiển

  • Điều hướng đến khai báo mẫu Blade [hoặc dạng xem]

  • Điều hướng đến phần khai báo của mục cấu hình hoặc dịch vụ

  • Điều hướng đến khai báo khóa dịch

Tạo mã với Mẫu trực tiếp

PhpStorm cung cấp nhiều phương tiện tạo mã. Sau khi tải xuống và cài đặt PhpStorm Laravel Live Templates, bạn có thể mở rộng bộ mẫu trực tiếp tiêu chuẩn với các mẫu trực tiếp dành riêng cho Laravel, chẳng hạn như

  • chỉ thị lưỡi

  • Đoạn mã đầu vào và yêu cầu

  • đoạn mã cookie

  • Đoạn tuyến và thế hệ

  • Các mẫu Xem, Phản hồi và Chuyển hướng

  • Lược đồ xây dựng [bao gồm các loại cột]

  • Bộ nhớ cache

  • Đoạn mã biểu mẫu và phiên

  • Đoạn trích gọi những người trợ giúp khác nhau

Hỗ trợ các mẫu lưỡi cắt

Trước khi bạn bắt đầu, hãy đảm bảo plugin Blade đã được cài đặt và bật. Plugin Blade đi kèm với PhpStorm và được kích hoạt theo mặc định. Nếu plugin bị tắt, hãy bật nó trên tab Đã cài đặt của Cài đặt/Tùy chọn. Trang plugin , như được mô tả trong phần Quản lý plugin.

PhpStorm cung cấp hỗ trợ đầy đủ cho công cụ mẫu Laravel Blade. Nó làm nổi bật các cấu trúc cú pháp Blade khác nhau, cũng như bất kỳ mã HTML, JavaScript và CSS nào bên trong các mẫu

Ngoài đánh dấu cú pháp, PhpStorm còn cung cấp một số tính năng dành riêng cho Blade khác

Hoàn thành mã cho niềng răng và chỉ thị

Trình chỉnh sửa của PhpStorm cung cấp mã hoàn chỉnh cho cả chỉ thị Blade tiêu chuẩn và tùy chỉnh, có thể được xác định trong hộp thoại Cài đặt/Tùy chọn [Ctrl+Alt . Lưỡi dao PHP | Blade .

Khi các lệnh

"bladeFormatter.format.enabled": true,
"[blade]": {
    "editor.defaultFormatter": "shufo.vscode-blade-formatter",
},
6 hoặc Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class0 được sử dụng, phần giới thiệu biến với phần hoàn thành mã có sẵn bên trong phần thân của cấu trúc

phần hỗ trợ

Trong khi làm việc trên mẫu Blade, bạn có thể mở một phần bằng cách sử dụng chỉ thị Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class1. PhpStorm cung cấp hoàn thành mã Ctrl + Space cho tất cả các tên phần đã biết trong dự án

PhpStorm cung cấp kiểm tra mã phát hiện các phần không được đóng bằng cách sử dụng chỉ thị Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class2

Để điều hướng đến phần khai báo của một phần, đặt dấu mũ ở vị trí sử dụng của nó và nhấn Ctrl+B. Ngoài ra, Ctrl + Nhấp vào cách sử dụng

Plugin Laravel cũng thêm một điểm đánh dấu vào trình soạn thảo, cho phép bạn điều hướng đến phần chính

Hoàn thành mã và điều hướng cho phần mở rộng và bao gồm

Các mẫu lưỡi thường bao gồm nhiều khối khác nhau bao gồm các khối nhỏ có thể tái sử dụng, lần lượt là các mẫu khác. Bạn cũng có thể mở rộng các mẫu và cung cấp nội dung cho các phần bổ sung. PhpStorm và plugin Laravel cung cấp sự hoàn thành cho các tên mẫu trong cả hai chỉ thị Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class3 và Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class4. Đề xuất hoàn thành bao gồm tên thư mục mẫu cũng như tên mẫu đầy đủ

Để điều hướng đến phần khai báo của mẫu, đặt dấu mũ ở vị trí sử dụng và nhấn Ctrl+B. Ngoài ra, Ctrl + Nhấp vào cách sử dụng

Sử dụng Alt+F7 để tìm nhanh tất cả các cách sử dụng mẫu trong dự án

Chèn ngôn ngữ trong các mẫu Blade

Khi làm việc với các mẫu Blade, bạn có thể đưa các đoạn mã vào bên trong các khối mẫu. PhpStorm sẽ cung cấp cho bạn hỗ trợ ngôn ngữ toàn diện để chỉnh sửa đoạn mã đó

Tự động đưa JavaScript hoặc CSS vào phần mẫu Blade

PhpStorm có thể tự động đưa mã vào các phần của mẫu Blade dựa trên các quy tắc đưa vào đã xác định. Ra khỏi hộp, các quy tắc tự động chèn mã JavaScript và CSS có sẵn

  • Trong mẫu Blade, hãy thêm một phần có tên là Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class5 [để chèn JavaScript] hoặc Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class6 [để chèn CSS] như sau

    @section['javascript'] // mã JavaScript được chèn @stop @section['css'] // mã CSS được chèn @stop

    PhpStorm sẽ tự động đưa JavaScript hoặc CSS vào các phần mẫu

Gỡ lỗi các mẫu Blade

Bạn có thể gỡ lỗi các mẫu Blade bằng các kỹ thuật tương tự như đối với các tệp PHP thông thường

Gỡ lỗi các mẫu Blade được hỗ trợ cho Laravel 5. 8 hoặc muộn hơn

Bật gỡ lỗi Blade

  1. Trong hộp thoại Cài đặt/Tùy chọn [Ctrl+Alt+S], đi tới PHP. gỡ lỗi. Mẫu và mở rộng khu vực Gỡ lỗi Blade .

  2. Trong trường Đường dẫn bộ đệm , hãy cung cấp đường dẫn tuyệt đối đến thư mục bộ đệm mẫu được biên dịch của Blade. Nhập đường dẫn theo cách thủ công hoặc nhấp vào

    và chọn thư mục có liên quan trong hộp thoại mở ra. Theo mặc định, các mẫu Blade đã biên dịch được lưu trữ trong thư mục storage/framework/views/ bên trong dự án của bạn.

Bắt đầu một phiên gỡ lỗi

Bắt đầu phiên gỡ lỗi như được mô tả trong Hướng dẫn gỡ lỗi cơ bản. Cách tiếp cận dễ nhất và được đề xuất là sử dụng gỡ lỗi cấu hình Zero

  1. Chọn và cài đặt tiện ích mở rộng trình duyệt phù hợp với trình duyệt của bạn

  2. Trên thanh công cụ PhpStorm, chuyển đổi

    để bắt đầu lắng nghe các kết nối gỡ lỗi PHP sắp tới hoặc chọn Chạy. Bắt đầu nghe các kết nối gỡ lỗi PHP từ menu chính.

  3. Đặt điểm dừng trong mã của bạn

  4. Bắt đầu phiên gỡ lỗi trong trình duyệt bằng tiện ích mở rộng trình duyệt đã cài đặt

  5. Trong phiên gỡ lỗi, hãy kiểm tra trạng thái chương trình. xem giá trị biến, đánh giá biểu thức, bước qua chương trình, v.v.

Xem Gỡ lỗi cấu hình bằng không để biết hướng dẫn từng bước chi tiết và Kịch bản gỡ lỗi nâng cao để biết thêm các kịch bản gỡ lỗi

Định cấu hình các mẫu Blade

Thêm, sửa đổi hoặc xóa chỉ thị Blade

Lưỡi được quản lý trên tab Chỉ thị của Trang lưỡi dao. Tab liệt kê tất cả các lệnh Blade hiện có, đối với những lệnh có tham số, tiền tố và hậu tố cũng được hiển thị. Khi bạn bắt đầu, danh sách chỉ chứa các lệnh được xác định trước . Bạn có thể chỉnh sửa các lệnh này cũng như tạo các lệnh tùy chỉnh.

  1. Trong hộp thoại Cài đặt/Tùy chọn [Ctrl+Alt+S], đi tới PHP. Lưỡi dao .

  2. Trên trang Blade mở ra, hãy chuyển sang tab Chỉ thị , tab này hiển thị danh sách tất cả các chỉ thị hiện có.

    • Để xác định một lệnh mới, hãy nhấp vào

      và chỉ định tên của lệnh trong trường Tên .

      Nếu các lệnh mới yêu cầu tiền tố và hậu tố, hãy chọn hộp kiểm Có tham số và nhập tiền tố và hậu tố để sử dụng trong < . PhpStorm sẽ tự động đặt tiền tố và hậu tố trong dấu ngoặc mở và đóng và dấu ngoặc kép, đồng thời thêm dấu phân cách dấu hai chấm Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class7 để các tham số sẽ có dạng như sau. Prefix and Suffix fields respectively. PhpStorm will automatically enclose the prefix and suffix in opening and closing brackets and quotes and add a colon separator Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class7 so the parameters will look as follows: [" .

    • Để chỉnh sửa một lệnh hiện có, hãy chọn lệnh đó trong danh sách và thay đổi các giá trị trong các trường bên dưới

      Để khôi phục định nghĩa ban đầu, hãy nhấp vào

      .

    • Để xóa một lệnh khỏi danh sách, hãy chọn lệnh đó và nhấp vào

      .

Định cấu hình dấu phân cách Blade

PhpStorm nhận ra các mẫu Blade và cung cấp đánh dấu lỗi và hoàn thành mã cho chúng dựa trên dấu phân cách< . you specify.

  1. Trong hộp thoại Cài đặt/Tùy chọn [Ctrl+Alt+S], đi tới PHP. Lưỡi dao .

  2. Trên trang Blade mở ra, chuyển sang Thẻ văn bản . Các trường trong tab hiển thị ký tự mở và đóng cho thẻ thô, thẻ nội dung và thẻ thoát.

  3. Các trường được điền bằng các giá trị mặc định tuân thủ Blade Templates 5. 8. Nếu bạn đang sử dụng phiên bản cũ hơn, bạn có thể chỉ định các dấu phân cách tùy chỉnh có liên quan và PhpStorm sẽ cung cấp hỗ trợ viết mã theo các quy tắc mới

Sử dụng công cụ dòng lệnh Artisan từ PhpStorm

PhpStorm tích hợp với giao diện dòng lệnh Artisan, được bao gồm trong Laravel và cung cấp một số lệnh tiện dụng

Cấu hình Artisan tự động

  • Khi mở dự án, PhpStorm sẽ phát hiện và định cấu hình Artisan và hiển thị thông báo trong Nhật ký nhà soạn nhạc

    Nếu bạn muốn tùy chỉnh công cụ, hãy nhấp vào

    để chuyển nhanh đến trang cài đặt Hỗ trợ công cụ dòng lệnh.

    Trên Windows, tính năng phát hiện Artisan tự động yêu cầu trình thông dịch PHP cục bộ được định cấu hình

Định cấu hình Artisan theo cách thủ công

  1. Trong hộp thoại Cài đặt/Tùy chọn [Ctrl+Alt+S], đi tới Công cụ. Hỗ trợ công cụ dòng lệnh .

  2. Nhấp vào trên thanh công cụ.

  3. Trong hộp thoại Công cụ dòng lệnh , hãy chọn Laravel . Project or Global].

  4. Khi bạn nhấp vào OK , hộp thoại cài đặt công cụ sẽ mở ra.

    Chỉ định bí danh công cụ, cung cấp đường dẫn đến nghệ nhân và chọn một trong các trình thông dịch PHP đã định cấu hình từ PHP Interpreter list. See Configure local PHP interpreters and Configure remote PHP interpreters for details.

  5. Nhấp vào OK để áp dụng các thay đổi và quay lại Hỗ trợ công cụ dòng lệnh page. Optionally, click

    để chỉnh sửa thuộc tính của công cụ hoặc
    để tùy chỉnh bộ lệnh. Xem Tùy chỉnh công cụ để biết chi tiết.

Bây giờ bạn có thể chạy lệnh Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class8 để tạo thông tin Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class9 cần thiết. PhpStorm và plugin Laravel sẽ sử dụng thông tin này để hoàn thành mã và điều hướng

Chạy lệnh Artisan

  • Từ menu chính, chọn Công cụ. Chạy Command hoặc nhấn Ctrl hai lần.

    Trong cửa sổ Run Anything mở ra, hãy nhập lời gọi của lệnh ở định dạng providers0.

    Kết quả thực hiện lệnh được hiển thị trong cửa sổ công cụ Run

Chấm dứt một lệnh

  • Nhấp vào

    trên thanh công cụ cửa sổ công cụ Run.

Gỡ lỗi lệnh Artisan

Các lệnh của Laravel được định nghĩa trong các lớp trình điều khiển mở rộng providers1. Để gỡ lỗi một lệnh, điều quan trọng là bạn phải bắt đầu một phiên gỡ lỗi cho chính lệnh đó chứ không phải tệp lớp trình điều khiển mà nó được định nghĩa trong. Nếu không, quá trình khởi động Laravel sẽ bị bỏ qua và quá trình thực thi sẽ thất bại

  1. Trong lớp trình điều khiển tương ứng với lệnh đã chọn, nhấp vào trình chỉnh sửa máng xối tại dòng mã mà bạn muốn đặt điểm dừng

Chủ Đề