Khi nói đến phát triển web, hành trình của mọi nhà phát triển web bắt đầu bằng việc viết các trang web HTML, nhưng nhiều người bị mắc kẹt trong quá trình cấu hình môi trường phát triển của họ để chạy đoạn mã HTML. Do đó, trong bài viết này, hãy để tìm ra cách chạy HTML trong mã Visual Studio trên máy Mac.
Nếu bạn thấy khó chạy HTML trong Code Visual Studio trên Mac OS, thì bạn có thể tham khảo video dưới đây để có hướng dẫn đầy đủ.
Bước 1: Định cấu hình mã Studio Visual để chạy mã HTML
1] Mở mã Visual Studio, nhấn nút Tiện ích mở rộng và tìm kiếm mã Runner Runner, chọn tùy chọn đầu tiên từ & NBSP; Jun Han & NBSP; và nhấp vào nút Cài đặt nhỏ màu xanh lá cây.code runner”, select the first option from Jun Han and click on the small green install button.
& nbsp; với tiện ích mở rộng này, bạn có thể chạy mã bằng cách nhấn Ctrl+Alt+N và dừng tương tự bằng cách nhấn Ctrl+Alt+Mwith this extension, you can run the code by pressing Ctrl+Alt+N and stop the same by pressing Ctrl+Alt+M
2] bây giờ mở Cài đặt mã bằng cách nhấp vào & nbsp; mã & nbsp; sau đó & nbsp; tùy chọn & nbsp; sau đó & nbsp; cài đặt.code then preferences then settings.
3] Sau đó, nhấp vào & nbsp; nút mở JSON & NBSP; để chỉnh sửa tùy chọn mã trong mã Visual Studio.the open setting JSON button to edit the code preferences in visual studio code.
4] Trong & nbsp; json & nbsp; loại tệp, loại, nhấn enter và sau đó loại mã mã mã.executormap và nhấn enter.JSON file type “,“, press enter and after that type “code-runner.executorMap” and hit enter.
5] Một lần nữa nhấn Enter để tạo một dòng mới và dán đoạn trích được cung cấp dưới đây trong tệp JSON giống như được hiển thị trong hình ảnh dưới đây.
Hãy chắc chắn rằng bạn đã cài đặt Google Chrome trên Mac OS trước khi tiếp tục bước này.
"html": "cd $dir && open -a 'Google Chrome' $fileName",
6] Bây giờ hãy lưu các thay đổi mà chúng tôi đã thực hiện bằng cách nhấn CMD+S, và đóng tất cả các Windows mở trong Code Visual Studio.Cmd+S” and close all the windows open in visual studio code.
7] Sau đó tạo một tệp mới bằng cách nhấn CMD+N, và lưu nó bằng bất kỳ tên nào bạn thích. Trong trường hợp của chúng tôi, nó đăng ký đăng ký.html.Cmd+N” and save it by any name you prefer. In our case, it’s “subscribe.html“.
Điều quan trọng cần lưu ý ở đây là bạn nên luôn luôn thêm một phần mở rộng.html” extension to an HTML file otherwise vs code will not be able to detect the HTML file.
8] Dán mã HTML được cung cấp dưới đây, lưu tệp bằng cách nhấn CMD+S, và nhấn nút phát nhỏ để chạy mã HTML, bây giờ bạn sẽ được tự động chuyển hướng đến Google Chrome và trang web được thiết kế của bạn sẽ được hiển thị.Cmd+S” and press the small play button to run the HTML code, now you’ll be automatically redirected to Google Chrome and your designed webpage will be displayed.
Tech DecodeSubscribe Now!
9] Nếu bạn thấy một cái gì đó như hình ảnh dưới đây trong Google Chrome thì hãy chúc mừng bạn đã thực hiện thành công mã HTML của mình.