Thứ tự cài đặt:

Xampp >> Wordpress >> Visual Studio Code

Đây là bài đầu tiên của series mới về lập trình PHP cơ bản. Trong bài này, mình sẽ hướng dẫn các bạn cài đặt máy ảo XAMPP và VScode để viết code PHP.

1. Xampp là gì?

Xampp là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin. Không như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào.

Xampp cũng là 1 đa nền tảng vì nó có thể chạy tốt trên cả Linux, Windows và Mac. Hầu hết việc triển khai máy chủ web thực tế đều sử dụng cùng thành phần như XAMPP nên rất dễ dàng để chuyển từ máy chủ local sang máy chủ online.

2. Cài đặt Xampp để tạo server ảo trên máy tính

Localhost là gì? Nói một cách đơn giản nhất, website cần có server để chạy. Chúng ta sẽ dùng chính máy tính cá nhân đang dùng để giả lập và tạo một server để test web. Có rất nhiều phần mềm giúp chúng ta tạo localhost như WAMP, XAMPP.

+ Tải XAMPP trên trang Apache – Link download

+ Các bạn tải và cài đặt XAMPP như cài phần mềm bình thường vậy. Khuyến nghị nên cài vào ổ đĩa chứa dữ liệu, không nên cài vào ổ chứa win vì sau này bạn có học PHP hay làm WordPress … thì lỡ máy tính bị hỏng cần cài win sẽ không mất dữ liệu.

Lỗi đụng Port

Một lỗi thường gặp đối với XAMPP là bị đụng port 80 nên không start được. Cách khắc phục như sau

Bấm vào config ở hàng apache

Chọn apache config

Dùng tính năng tìm kiếm và thay thế của notepad bằng phím tắt Ctrl + F. Đổi Listen 80 thành 88 hoặc 8888.

Cài đặt Worpdress trên XAMPP

Các bước cài cơ bản, mình chỉ giới thiệu sơ nhé. Các bạn xem chi tiết trong video.

+ Tải mã nguồn WordPress trên wordpress.org

+ Vào Localhost phpMyAdmin để tạo database, user và password

+ Giải nén file nguồn WordPress vào đưa vào thư mục htdocs trong xampp. Truy cập vào đường dẫn localhost/tên-thư-mục-website

Sau khi cài xong WordPress, đường dẫn trang quản trị sẽ là localhost/tên-thư-mục-website/wp-admin.

Các bạn vào trang quản trị, vào cài đặt để thiết lập một số tính năng cơ bản.

3. Cài Visual Studio Code

Trong các khóa HTML CSS JS, mình thường sử dụng Sublime Text 3. Tuy nhiên, Sublime Text là phần mềm trả phí nên cần tìm key hoặc cr@ck. VSCode là phần mềm của Microsoft dành cho các lập trình viên, khá gọn nhẹ và có đầy đủ các extensions mở rộng (tương tự package trong Sublime Text).

Link tải VSCode: