Làm cách nào để cài đặt gỡ lỗi PHP trong VSCode?

TL; DR. Đây là tất cả những gì cần làm để cài đặt Xdebug với môi trường dựa trên Homebrew và để làm việc với phần mềm trong Visual Studio Code

Mặc dù gần đây tôi đã trở thành người thích sử dụng Ray [1, 2] để gỡ lỗi nhẹ, nhưng điều này không có nghĩa là tôi không nghĩ việc cài đặt và định cấu hình Xdebug trong Visual Studio Code là quan trọng

Nếu bạn làm theo các bước tôi đã vạch ra bắt đầu từ bài viết trước, thì việc này tương đối dễ dàng mặc dù vẫn cần một chút thao tác thủ công để bắt đầu

Đây là cách bạn có thể thiết lập Xdebug với cấu hình dựa trên Homebrew và Visual Studio Code

Xdebug trong Mã Visual Studio

Trong bài đăng này, tôi giả sử bạn đang làm việc với

• pha chế tại nhà
• Màn hình PHP

Các gói này không nhất thiết phải có [tốt, PHP là nhưng phiên bản và cách cài đặt của nó có thể khác nhau 🙂] nhưng tôi sẽ sử dụng chúng để xem qua phần còn lại của bài đăng này

Cài đặt Xdebug

Trước tiên, hãy đảm bảo rằng PECL đã được cài đặt bằng cách chạy $ which pecl trong thiết bị đầu cuối của bạn

PECL là kho lưu trữ các Tiện ích mở rộng PHP, cung cấp thư mục chứa tất cả các tiện ích mở rộng đã biết và cơ sở lưu trữ để tải xuống và phát triển các tiện ích mở rộng PHP

Vì nó là một phần của các tệp nhị phân được cài đặt bằng PHP thông qua Homebrew, nên nó sẽ khả dụng. Trên máy của tôi, nó nằm ở /opt/homebrew/opt/php@7.4/bin/pecl

Tiếp theo, trong terminal, cài đặt $ pecl install xdebug. Điều này sẽ khởi động quá trình cài đặt Xdebug và thiết lập mô-đun trong PHP. Tại thời điểm này, việc chạy $ php -v sẽ cho thấy rằng Xdebug đã được cài đặt

Sau đó, đảm bảo rằng ext-xdebug.ini tồn tại trong thư mục thích hợp. Nếu không, hãy tạo nó. Làm điều này bằng cách ban hành lệnh sau

________số 8_______

Sau đó, mở tệp bằng bất kỳ trình chỉnh sửa nào thuận tiện và đảm bảo tệp bao gồm các mục sau

[xdebug]
xdebug.idekey=ECLIPSE
xdebug.client_port=9003
xdebug.mode=debug
xdebug.start_with_request=yes

Đừng lo lắng về việc thay đổi idekey hoặc bất cứ điều gì tương tự; . Tiếp theo, khởi động lại PHP bằng PHP Monitor [hoặc bất kỳ dịch vụ nào bạn đang sử dụng trong thiết bị đầu cuối]. Trong PHP Monitor, phần này nằm trong Quản lý dịch vụ và Khởi động lại dịch vụ. php

Định cấu hình mã Visual Studio

Khởi chạy Visual Studio Code và nếu tiện ích mở rộng Xdebug chưa được cài đặt, hãy điều hướng đến bảng tiện ích mở rộng, tìm kiếm PHP Debug rồi cài đặt và bật plugin

Nó sẽ trông giống như thế này

Sau đó, khởi chạy Chrome [vâng, nó cần thiết cho phần này] và cài đặt tiện ích mở rộng trình duyệt Xdebug Helper

Trong mã Visual Studio

1. Khởi động một dự án
2. Nhấp vào văn bản có nội dung tạo khởi chạy. tập tin json. Văn bản này nằm bên dưới nút Chạy và Gỡ lỗi [nếu trước đó bạn chưa tạo nút này]
3. Đảm bảo bạn đang chỉnh sửa tệp trong thư mục .vscode trong thư mục gốc của plugin

Thêm các dòng sau vào tệp cấu hình

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: //go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for Xdebug",
            "type": "php",
            "request": "launch",
            "port": 9003,
        }
    ]
}

Lưu tệp, khởi chạy Google Chrome và điều hướng đến trang mà dự án của bạn đang chạy. Trong ví dụ bên dưới, tôi có một plugin đang chạy trên chế độ xem Tất cả các trang của trang web

Khi trang tải, hãy nhấp vào Trình trợ giúp Xdebug rồi nhấp vào Gỡ lỗi. Thao tác này sẽ chuyển biểu tượng sang màu xanh lục để hiển thị tiện ích mở rộng đang hoạt động

Quay lại Visual Studio Code, nhấp vào Run and Debug, sau đó, ở đầu bảng, chọn Listen for Xdebug và nhấp vào biểu tượng Play. Thao tác này sẽ hiển thị bộ điều khiển để dừng, tạm dừng, bắt đầu, bước qua và bước vào mã

Tìm một dòng trong mã mà bạn biết sẽ kích hoạt và nhấp vào bên cạnh dòng đó trong IDE. Điều này sẽ thiết lập một điểm ngắt. Theo tùy chọn, hãy chọn một biến sẽ được đặt tại một thời điểm nào đó trong quá trình thực thi, đánh dấu biến đó rồi chọn Thêm vào Xem

Tiếp theo, hãy tải lại trang trong Chrome và bạn sẽ thấy điểm ngắt và giá trị của biến được đặt trong khung Xem

Xdebug hiện đã được cài đặt, định cấu hình và chạy đúng cách trên máy của bạn

tóm tắt

Để tóm tắt mọi thứ được đề cập trong bài đăng này, hãy xem danh sách bên dưới

• Cài đặt Xdebug với PECL
• Viết tệp ext-xdebug.ini
• Khởi động lại PHP
• Cài đặt tiện ích mở rộng Gỡ lỗi PHP cho Visual Studio Code
• Cài đặt Trình trợ giúp Xdebug cho Google Chrome
• Viết tệp

  {
      // Use IntelliSense to learn about possible attributes.
      // Hover to view descriptions of existing attributes.
      // For more information, visit: //go.microsoft.com/fwlink/?linkid=830387
      "version": "0.2.0",
      "configurations": [
          {
              "name": "Listen for Xdebug",
              "type": "php",
              "request": "launch",
              "port": 9003,
          }
      ]
  }

  1 trong thư mục gốc của dự án của bạn

Từ đây, bắt đầu tiện ích mở rộng Trình trợ giúp Xdebug và bắt đầu Xdebug trong Visual Studio Code sẽ cung cấp cho bạn mọi thứ bạn cần để bắt đầu gỡ lỗi mã của mình

Làm cách nào để thêm trình gỡ lỗi trong mã php?

Làm cách nào để thiết lập php trên Mã VS?

Làm cách nào để cài đặt php trên Visual Studio?

Làm cách nào để thiết lập Xdebug trong Mã VS?