Tin tốt cho các nhà phát triển tiền nhiệm: đã có phần mở rộng Microsoft Edge Tools cho VS Code mới.
Chia sẻ bài viết
Arthur Aballéa / Xuất bản trên 5 Tháng 10 năm 2020 12:28 chiều
Trình soạn thảo VS Code hiện bao gồm chức năng DevTools. © Microsoft
Tải xuống Microsoft Edge Tools cho VS Code
Phần mở rộng do Microsoft trình bày cho phép các nhà phát triển front-end sử dụng chức năng DevTools trong VS Code với các phần tử và phần mở rộng mạng của trình duyệt Edge. Những công cụ này tương ứng với những công cụ bạn truy cập bằng cách kiểm tra một phần tử trên trình duyệt hoặc bằng cách sử dụng phím tắt F12.
Đây là sự hợp nhất của hai phần mở rộng thử nghiệm đã được Microsoft thử nghiệm từ năm ngoái. Công cụ Microsoft Edge cho VS Code có thể được tải xuống từ Visual Studio Marketplace hoặc trực tiếp trong VS Code. Nhờ tiện ích mở rộng này, có thể xem kết xuất HTML / CSS và sửa đổi bố cục của nó bằng cách thay đổi các tệp CSS của nó mà không cần rời khỏi VS Code.
Trình duyệt DevTools trong trình chỉnh sửa mã
Tính năng mới này cho phép các nhà phát triển front-end xem trực tiếp kết quả phát triển của họ mà không cần mở trình duyệt. Do đó, họ có thể trực tiếp xem và xác thực các thay đổi được thực hiện đối với tệp HTML / CSS.
Trước đây, bạn có sự lựa chọn giữa mã hóa mù và kiểm tra các trang trên trình duyệt, kiểm tra các diễn biến và báo cáo chúng trên tệp của bạn thông qua VS Code. Bây giờ bạn sẽ có thể áp dụng và kiểm tra các phát triển giao diện người dùng của mình trực tiếp trên IDE.
Visual Studio hiển thị các trang của bạn qua phiên bản Edge mới, dựa trên Chromium, phiên bản này sẽ đảm bảo tính tương thích của các phát triển của bạn cho Chrome. Lưu ý rằng có thể khởi chạy phiên bản Microsoft Edge đầy đủ hoặc không có đầu.
Tích hợp Microsoft Edge đầy đủ trên VS Code. © MicrosoftTab Mạng để theo dõi các tương tác với máy chủ
Microsoft cho biết ngăn Mạng là tính năng được sử dụng nhiều thứ hai trong các công cụ dành cho nhà phát triển trên Edge. Một phần mở rộng cụ thể đã được thử nghiệm từ năm ngoái: nó hiện là một phần không thể thiếu của phần mở rộng Microsoft Edge Tools for VS Code được Microsoft cung cấp trong một phiên bản ổn định. Nó bị tắt theo mặc định, chỉ cần vào cài đặt để kích hoạt nó.
Tab Mạng trong Mã VS. © Microsoft