VSCode có rất nhiều tiện ích mở rộng tuyệt vời và Live Server là một trong những tiện ích mở rộng tốt nhất.
Chỉ với một vài cú nhấp chuột, Live Server cho phép bạn xem trang của mình trực tiếp trong trình duyệt thực tế. Tốt hơn nữa, nó có tính năng tải lại trực tiếp, vì vậy nếu bạn cập nhật mã của mình, những thay đổi cũng được phản ánh trong trình duyệt.
Tất cả những gì bạn phải làm là nhấp chuột phải vào tệp HTML bạn muốn xem, nhấp chuột phải, sau đó chọn "Mở bằng máy chủ trực tiếp":
Máy chủ trực tiếp đang hoạt động
Nhưng điều gì sẽ xảy ra nếu Live Server không mở trình duyệt và hiển thị trang của bạn như bạn mong đợi? Nếu điều này xảy ra với bạn thì sau đây là một số cách bạn có thể thử.
Khởi động lại VSCode
Đôi khi điều tốt nhất bạn có thể làm là bắt đầu VSCode lại từ đầu.
Đầu tiên, hãy lưu tất cả công việc của bạn. Sau đó đóng VSCode, thao tác này cũng sẽ dừng tất cả tiện ích mở rộng bạn đã cài đặt.
Sau đó, mở lại VSCode và thử lại – đi tới tệp HTML bạn muốn xem, nhấp chuột phải và chọn "Mở bằng máy chủ trực tiếp".
Thiết lập trình duyệt cho Live Server
Có thể tiện ích mở rộng đang hoạt động nhưng hệ thống của bạn không có trình duyệt mặc định.
Ngay cả khi bạn đã đặt trình duyệt mặc định cho hệ thống của mình, cũng sẽ không hại gì nếu cho Live Server biết bạn muốn sử dụng trình duyệt nào một cách rõ ràng.
Đầu tiên bạn mở Command Pallete bằng phím F1, sau đó gõ Preferences: Open Settings (JSON) và chọn tùy chọn đó.
Điều này sẽ mở VSCode settings.json của bạn tập tin.
Cuộn đến cuối tệp, thêm dấu phẩy sau cài đặt cuối cùng, sau đó dán vào "liveServer.settings.CustomBrowser": "chrome" :
Lưu ý rằng bạn cũng có thể sử dụng "firefox" , "safari" hoặc bất kỳ trình duyệt nào khác làm giá trị cho "liveServer.settings.CustomBrowser" cài đặt.
Cuối cùng, lưu settings.json và thử chạy lại Live Server.
Đặt trình duyệt mặc định cho hệ điều hành của bạn
Ngay cả sau khi thông báo cho Live Server bạn muốn sử dụng trình duyệt nào, có thể trình duyệt đó vẫn không mở trang của bạn trong trình duyệt đó một cách chính xác.
Điều tiếp theo cần thử là đặt trình duyệt mặc định cho chính hệ điều hành của bạn.
Phương pháp chính xác để thực hiện việc này có thể khác nhau tùy theo hệ điều hành của bạn, vì vậy tốt nhất bạn nên tìm kiếm cách thực hiện việc này nếu bạn không chắc chắn.
Đây là giao diện của trang cài đặt trong Windows:
Nhà cung cấp dịch vụ:Advitya-sharma
Tự mình truy cập trang trực tiếp
Nếu vì lý do nào đó, Live Server vẫn không tự động mở trang trong trình duyệt của bạn, đừng lo lắng. Bạn luôn có thể mở trình duyệt bạn chọn và xem trang trực tiếp.
Chỉ cần mở trình duyệt ưa thích của bạn và truy cập http://127.0.0.1:5500/<your_file_name> .
Ví dụ:nếu tệp của bạn có tên là index.html , chỉ cần truy cập http://127.0.0.1:5500/index.html .
Miễn là Live Server đang chạy, bạn sẽ thấy trang của mình.
Kết thúc
Đó là một số cách khắc phục phổ biến mà bạn có thể thử nếu Live Server không hoạt động như bạn mong đợi.
Giữ an toàn và vui vẻ (trực tiếp) mã hóa.
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu