Hướng dẫn how to run html code in visual studio code localhost - cách chạy mã html trong mã studio trực quan localhost
Tôi chỉ đang đăng lại các bước tôi đã sử dụng từ blog Điều này sẽ giúp bạn thiết lập một máy chủ web cục bộ được gọi là Lite-Server với 1. Cài đặt Node.js Nếu chưa được cài đặt, hãy lấy nó ở đây Nó đi kèm với NPM (Trình quản lý gói để có được và quản lý các thư viện phát triển của bạn) 2. Tạo một thư mục mới cho dự án của bạn Ở đâu đó trong ổ đĩa của bạn, hãy tạo một thư mục mới cho ứng dụng web của bạn. 3. Thêm tệp gói.json vào thư mục dự án Sau đó sao chép/dán văn bản sau:
4. Cài đặt máy chủ web Trong cửa sổ đầu cuối (dấu nhắc lệnh trong Windows) đã mở trên thư mục dự án của bạn, hãy chạy lệnh này:
Điều này sẽ cài đặt lite-server (được xác định trong pack.json), một máy chủ tĩnh tải index.html trong trình duyệt mặc định của bạn và tự động làm mới nó khi các tệp ứng dụng thay đổi. 5. Bắt đầu máy chủ web cục bộ! (Giả sử bạn có tệp index.html trong thư mục dự án của bạn). Trong cùng một cửa sổ đầu cuối (dấu nhắc lệnh trong Windows) Chạy lệnh này:
Chờ thứ hai và index.html được tải và hiển thị trong trình duyệt mặc định của bạn được phục vụ bởi máy chủ web cục bộ của bạn! Lite-Server đang xem các tệp của bạn và làm mới trang ngay khi bạn thay đổi bất kỳ tệp HTML, JS hoặc CSS nào. Và nếu bạn có mã vs được cấu hình để tự động lưu (tệp menu / lưu tự động), bạn sẽ thấy các thay đổi trong trình duyệt khi bạn nhập! Notes:
Đó là nó. Bây giờ trước khi bất kỳ phiên mã hóa nào chỉ cần nhập NPM bắt đầu và bạn rất tốt để đi! Ban đầu được đăng ở đây trong blog 0 Tải xuống bài viết Tải xuống bài viết Visual Studio Code là một trình soạn thảo mã nguồn được thực hiện bởi Microsoft. Nó có sẵn cho Windows, MacOS và Linux. Nó cho phép bạn viết và chỉnh sửa mã bằng nhiều ngôn ngữ mã hóa, bao gồm cả HTML. Nhưng bạn sẽ làm gì khi bạn muốn chạy mã HTML của mình để xem nó trông như thế nào. May mắn thay, có một số tiện ích mở rộng cho mã Visual Studio cho phép bạn dễ dàng chạy mã HTML từ trong mã Visual Studio. Bạn cũng có thể sử dụng thiết bị đầu cuối để chạy tệp HTML. Bài viết Wikihow này dạy bạn cách chạy tệp HTML trong mã Visual Studio.
Quảng cáo
Quảng cáo
Quảng cáo
Quảng cáo Mở mã Visual Studio. Visual Studio Code có một biểu tượng giống như một dải ruy băng màu xanh. Nhấp vào biểu tượng mã Visual Studio để khởi chạy Code Visual Studio. Bạn có thể tìm thấy nó trong menu Windows Start trên Windows, thư mục ứng dụng trên Mac hoặc menu ứng dụng trên Linux. Nhập mở trong trình duyệt trong thanh tìm kiếm. Thanh tìm kiếm nằm ở đầu menu mở rộng bên trái. Điều này hiển thị một danh sách các tiện ích mở rộng phù hợp với truy vấn tìm kiếm của bạn. "Mở trong trình duyệt" là một tiện ích mở rộng cho Visual Studio Code cho phép bạn mở tệp HTML bằng trình duyệt web mà bạn chọn từ bên trong Code Visual Studio. Nhấp vào phần mở rộng "Mở trong trình duyệt". Nó phải là phần mở rộng đầu tiên ở đầu danh sách. Đó là một trong đó có tất cả các chữ cái viết thường và được tạo bởi Techer. Nhấp vào phần mở rộng để chọn nó. Nhấp vào Cài đặt. Nó ở bên dưới tiêu đề "Mở trong trình duyệt" trong trang thông tin ở bên phải của menu Phần mở rộng. Điều này cài đặt phần mở rộng. Cho phép một vài phút để nó hoàn thành cài đặt. Quảng cáo Mở mã Visual Studio. Visual Studio Code có một biểu tượng giống như một dải ruy băng màu xanh. Nhấp vào biểu tượng mã Visual Studio để khởi chạy Code Visual Studio. Bạn có thể tìm thấy nó trong menu Windows Start trên Windows, thư mục ứng dụng trên Mac hoặc menu ứng dụng trên Linux. Nhập mở trong trình duyệt trong thanh tìm kiếm. Thanh tìm kiếm nằm ở đầu menu mở rộng bên trái. Điều này hiển thị một danh sách các tiện ích mở rộng phù hợp với truy vấn tìm kiếm của bạn. "Mở trong trình duyệt" là một tiện ích mở rộng cho Visual Studio Code cho phép bạn mở tệp HTML bằng trình duyệt web mà bạn chọn từ bên trong Code Visual Studio.Nhấp vào phần mở rộng "Mở trong trình duyệt". Nó phải là phần mở rộng đầu tiên ở đầu danh sách. Đó là một trong đó có tất cả các chữ cái viết thường và được tạo bởi Techer. Nhấp vào phần mở rộng để chọn nó.X Nhấp vào Cài đặt. Nó ở bên dưới tiêu đề "Mở trong trình duyệt" trong trang thông tin ở bên phải của menu Phần mở rộng. Điều này cài đặt phần mở rộng. Cho phép một vài phút để nó hoàn thành cài đặt. Nhấp chuột phải vào bất cứ nơi nào trong HTML.Code. Điều này hiển thị một menu ngữ cảnh. Nhấp vào Mở trong trình duyệt mặc định. Điều này mở tệp HTML trong trình duyệt web mặc định của bạn. Điều này cho phép bạn xem tệp HTML. [2] Bài viết này có được cập nhật không? |