Hướng dẫn lập trình PHP sử dụng Visual Studio Code

Visual Studio Code (VS Code) là một trình soạn thảo mã nguồn mở do Microsoft phát triển. Điểm mạnh của nó nằm ở sự nhẹ nhàng, dễ sử dụng và khả năng mở rộng linh hoạt thông qua nhiều tiện ích bổ sung do cộng đồng phát triển viên hỗ trợ. Visual Studio Code được viết bằng Javascript và sử dụng nền tảng Electron, cho phép nó hoạt động trên nhiều hệ điều hành khác nhau như Windows, Linux và MacOS.

Đặc biệt, Visual Studio Code là một công cụ tuyệt vời cho lập trình viên PHP. Nó cung cấp các tính năng quan trọng như tô sáng cú pháp, khớp cặp dấu ngoặc, IntelliSense (gợi ý mã nguồn), và bạn có thể mở rộng nó thêm bằng cách cài đặt các tiện ích mở rộng do cộng đồng phát triển viên tạo ra. Bạn có thể khám phá thêm nhiều tiện ích mở rộng hữu ích thông qua bài viết: Tổng hợp các tiện ích mở rộng nên sử dụng cho Visual Studio Code.

Cài đặt Visual Studio Code

Như các bạn đã biết, VS Code có thể chay trên cả Windows, Linux và MacOS. Việc đầu tiên là các bạn vào trang chủ của VS Code và download bản cài đặt tương ứng với HDH mà mình đang sử dụng.

+ Trang chủ: https://code.visualstudio.com/
+ Trang download: https://code.visualstudio.com/Download

Sau khi download về thì các bạn tiến hành cài đặt như cài phần mềm. Ở khuân khổ bài viết này mình tập trung hướng dẫn sử dụng Visual Studio Code nên phần hướng dẫn cài đặt mình bỏ qua.

Các Extension hỗ trợ lập trình PHP

Để bắt đầu viết mã PHP bằng Visual Studio Code, trước hết, bạn cần cài đặt một số tiện ích mở rộng để giúp quá trình làm việc trở nên thuận lợi. Tuy có nhiều tiện ích mở rộng dành cho PHP trên VS Code Marketplace, nhưng dưới đây là một số tiện ích mà chúng tôi đề nghị bạn sử dụng.

visual-studio-code-extension-de-lap-trinh-php

PHP IntelliSense: Gợi nhớ code (Suggest), Tự động hoàn thành code (Auto completion)
Code Runner: Chạy PHP Script
PHP Debug: Dành cho việc debug ứng dụng PHP, script PHP
HTML CSS Support: Hỗ trợ viết mã HTML/CSS

Để cài đặt các bạn bấm tổ hợp phím [ Ctrl + Shift + X] hoặc bấm vào biểu tượng Extension trên VS Code, tìm kiếm extension cần thiết và bấm [ Install ] để cài đặt.

cai-extension-de-lap-trinh-php-tren-vs-code

Cấu hình cơ bản

Để lập trình PHP cần chỉnh sửa một số setting cơ bản cho VS Code như sau:

Từ cửa sổ của Visual Code -> [ File ] -> [ Preferences ] -> [ Settings ] (Hoặc sử dụng tổ hợp phím [ Ctrl +,]) để mở User Settings.

Ở cửa sổ [ User Settings ] thêm hoặc chỉnh sửa các thông tin sau đây:

cau-hinh-php-tren-visual-studio-code-1

php.suggest.basic: false -> Vô hiệu quả chức năng nhắc code có sẵn của VS Code, để chỉ sử dụng chức năng của Extension, tránh bị dupplicate kết quả khi gõ code trên Editor.
php.validate.enable: true -> Sử dụng chức năng validate source code (Sử dụng php linter)
php.validate.executablePath -> Đường dẫn tới file thưc thi PHP, cho tác vụ validate
php.validate.run: “onSave” -> Thực hiện validate khi save file
php.executablePath -> Đường dẫn tới file thực thi PHP, cho tác vụ run, debug,…

Hướng dẫn cơ bản sử dụng Visual Studio Code lập trình PHP

1. Sử dụng chức năng nhắc code (Suggest và Auto Completion Code)

Bấm tổ hợp phím [ Ctrl + Space] để sử Editor xổ các function php.

chuc-nang-suggest-code-visual-studio-code

2. Chạy PHP Script (Code Runner)

Kích chuột phải vào script bạn muốn chạy -> Chọn [ Run code ]

run-code-php-tren-vs-code

Kết quả ta có như bên dưới.

run-code-php-output

3. Nhảy tới PHP function đã định nghĩa.

Kích chuột phải vào tên function -> [ Go to Definition ] hoặc bấm phím F12

nhay-toi-function-php-dinh-nghia-1

Hướng dẫn debug PHP với Visual Studio Code

VS code hỗ trợ debug PHP sử dụng PHP Xdebug. Vì vậy để sử dụng tính năng này, các bạn bắt buộc phải cài đặt Xdebug.

1. Cấu hình Xdebug

Sửa file php.ini và thêm các config sau:

zend_extension=xdebug.so

[XDebug]
xdebug.remote_enable = 1
xdebug.remote_autostart = 1

2. Khởi tạo file debug config

Từ cửa sổ của VS Code -> [ Debug ] -> [ Start Debugging ] -> Chọn môi trường debug là [ PHP ]

chon-moi-truong-debug-php-vs-code

Nó sẽ tạo ra file debug config .vscode/launch.json có nội dung như bên dưới.

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for XDebug",
            "type": "php",
            "request": "launch",
            "port": 9000
        },
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "port": 9000
        }
    ]
}

3. Debug 1 script PHP

Mở script PHP mà bạn muốn debug, thực hiện theo thứ tự sau:

Tạo các điểm Breakpoints ở các vị trí code muốn debug
Kích vào biểu tượng debug để vào khu vực debug
Chọn loại debug là “Lauch currently open script“
Bấm vào mũi tên màu xanh để thực hiện debug.

debug-php-script

Kết quả ta được như sau:

ket-qua-debug-php-tren-vscode

3. Debug ứng dụng PHP (Listen Xdebug)

Để debug ứng dụng web PHP, thì các bạn thực hiện các bước sau:

Tạo các điểm Breakpoints ở các vị trí code muốn debug
Kích vào biểu tượng debug để vào khu vực debug
Chọn loại debug là “Listen For XDebug“
Bấm vào mũi tên màu xanh để VS Code lắng nghe kết quả trả về của Xdebug.
Mở trang web đạng chạy code PHP. VS Code sẽ nhảy đến dòng cần debug.

debug-php-vs-code-listen-for-xdebug

Nếu bạn lập trình Python, hay tham khảo bài viết: Hướng dẫn lập trình Python với Visual Studio Code

On 05/11/2023 By admin

Latest Post

Hướng dẫn lập trình PHP sử dụng Visual Studio Code

Cài đặt Visual Studio Code

Các Extension hỗ trợ lập trình PHP

Cấu hình cơ bản

Hướng dẫn cơ bản sử dụng Visual Studio Code lập trình PHP