Cấp bậc tác giả:

Thủ Thuật Công Nghệ

Hướng dẫn thiết lập chạy trình duyệt mặc định trên Visual Studio Code

Được viết bởi webmaster ngày 30/10/2022 lúc 03:47 PM
Khi bạn cần khởi chạy trình duyệt chrome trên Visual Studio Code từ localhost điều hướng từ plugin live server. Nó sẽ tự động load trình duyệt mặc định của Windows, vậy làm cách nào để sửa trình duyệt mặc định trên Visual Studio Code.

Hướng dẫn thiết lập chạy trình duyệt mặc định trên Visual Studio Code

Chrome-00.png
Khi bạn cần khởi chạy trình duyệt chrome trên Visual Studio Code từ localhost điều hướng từ plugin live server. Nó sẽ tự động load trình duyệt mặc định của Windows, vậy làm cách nào để sửa trình duyệt mặc định trên Visual Studio Code.
1. Cài đặt plugin Live Server
- Tại thanh sidebar, chọn Extensions, nhập Live Server và nhấn install để cài đặt plugin Live Server

2. Thiết lập trình duyệt mặc định
Bởi vì Live Server sẽ chạy trình duyệt mặc định của máy, do đó bạn phải thiết lập trình duyệt mong muốn bằng tùy chọn thiết lập.
- Đầu tiên, từ thanh sidebar, chọn Manage, chọn Settings hoặc nhấn tổ hợp phím Ctrl + ,

chrome-02.png

- Nhập Live Server trong thanh tìm kiếm

chrome-03.png

- Từ tùy chọn Custom Browser, chọn trình duyệt mong muốn. Ví dụ trình duyệt chcrome như hình ảnh bên dưới

chrome-04.png

3. Chạy chương trình với trình duyệt chrome
Để chạy chương trình trong VS Code, bạn cần chọn file HTML muốn chạy.
- Mở file HTML có sẵn, ví dụ index.html

Chrome-06.png

- Từ thanh Status Bar bên dưới, góc bên phải màn hình, nhấn vào dòng chữ Go Live

chrome-07.png
- Trình duyệt sẽ mở Webpage mà bạn đã thiết lập chạy mặc định ở trên.

chrome-08.png

Nguồn bài viết: DOTNET.VN

BÌNH LUẬN BÀI VIẾT