Để theo dõi khóa học này, bạn cần biết cách thức và nơi bạn chạy mã JavaScript của mình. Bạn có một số tùy chọn để chạy chương trình chào thế giới đầu tiên của mình
Mở trình chỉnh sửa của bạn và tạo một tệp có tên index.js
file_type_js chỉ mục. js
console.log['hello world']
Cách chạy JavaScript từ dòng lệnh
Chạy một chương trình JS từ dòng lệnh được xử lý bởi NodeJS. Bắt đầu bằng cách cài đặt NodeJS trên máy cục bộ nếu cần
- Cài đặt nút. js
Bây giờ, chỉ cần mở dòng lệnh trong cùng thư mục với tập lệnh index.js mà bạn đã tạo [VS Code sẽ tự động thực hiện việc này với thiết bị đầu cuối tích hợp]
dòng lệnh
node .
// or
node index.js
Cách chạy JavaScript từ trình duyệt
Khi mọi người nghĩ về “JavaScript”, họ thường nghĩ đến một trình duyệt web. Bạn có thể chạy mã trong trình duyệt bằng cách tạo tệp HTML tham chiếu tập lệnh. Trong trường hợp của chúng tôi, chúng tôi đã sử dụng tùy chọn defer, tùy chọn này sẽ thực thi JS sau khi tải xong tệp HTML
Chạy tập lệnh từ tệp HTML
file_type_html chỉ mục. html
Bây giờ, chỉ cần mở tệp HTML này trên máy cục bộ của bạn và mở bảng điều khiển dành cho nhà phát triển [bước tiếp theo] để xem đầu ra
Kiểm tra bảng điều khiển trình duyệt
Trong Chrome, bạn có thể mở bảng điều khiển dành cho nhà phát triển bằng Ctrl+Shift+J [Windows] hoặc Ctrl+Option+J [Mac] hoặc theo cách thủ công từ menu cài đặt bằng cách chọn Công cụ khác -> Công cụ dành cho nhà phát triển. Bảng điều khiển cho phép bạn chạy mã trong trình duyệt, tương tự như cách
Đầu ra của bảng điều khiển trình duyệt trong Chrome
Chạy JavaScript với Framework
Điều đáng nói là các framework như React, Angular, Svelte, v.v. sẽ tự động đảm nhiệm việc xây dựng và chạy ứng dụng của bạn, đồng thời cung cấp công cụ và các bước dành riêng cho framework để chạy mã. Trong thế giới thực, bạn có nhiều khả năng sử dụng các công cụ do khung cung cấp để chạy mã của mình hơn là các phương pháp cơ bản được trình bày trong khóa học này
Chạy JavaScript trong Sandbox
Khóa học này sử dụng StackBlitz để chạy các ví dụ về mã JS trong hộp cát riêng biệt trong trình duyệt. Đây là một lựa chọn tuyệt vời để chia sẻ các bản trình diễn nhanh và bản sao vấn đề 💡
Như chúng ta đã biết, Javascript là một ngôn ngữ phổ biến. Có nhiều tùy chọn để chạy Javascript trực tuyến. Tối ưu hóa thời gian chạy và sử dụng bộ nhớ là thách thức mà tất cả các công cụ này phải đối mặt. Một cách đơn giản để chạy Javascript là bảng điều khiển trình duyệt. Bảng điều khiển trình duyệt xuất hiện khi bạn nhấn phím F12
Bạn có thể thêm mã Javascript trong thẻ tập lệnh hoặc tải tệp JavaScript bên ngoài. Hãy để chúng tôi xem xét các tùy chọn có sẵn để chạy Javascript trực tuyến
mã hóa
Để chạy Javascript bằng codepen, chỉ cần nhập mã Javascript vào không gian JS và nhấp vào tab Kết quả. Không gian đầu ra hiển thị kết quả. Codepen cũng cung cấp các khu vực riêng biệt cho HTML và CSS
Codepen có sự hỗ trợ cộng đồng đáng kể. Mọi người có thể chia sẻ dự án tại đây. Cài đặt chứa các tùy chọn để chọn bộ xử lý trước JavaScript/CSS/HTML, thêm tài nguyên bên ngoài, thêm nội dung chung vào thẻ đầu, lưu mã tự động và khoảng cách mã
Liveweave
Tab Trình chỉnh sửa web trong Liveveave cho phép chúng tôi viết các đoạn mã HTML, CSS và Javascript trong 3 bảng. Sau khi lưu các thay đổi, nhấp vào biểu tượng chạy để nhận đầu ra. Bảng điều khiển Javascript và định dạng Tidy JS chỉ là các tùy chọn khác mà Liveveave có riêng cho Javascript
Thùng rác
JS Bin cũng cung cấp không gian mã riêng biệt cho HTML, CSS, Javascript, bảng điều khiển và đầu ra. Bạn chỉ cần nhập mã và xem kết quả. Nút chạy chỉ khả dụng cho các lần chạy trực tiếp từ tab bảng điều khiển
hướng dẫn
Trình chỉnh sửa JavaScript trực tuyến là Trình biên dịch và Trình biên dịch Javascript thời gian thực tốt nhất để cung cấp Môi trường phát triển tích hợp [IDE] dễ sử dụng và đơn giản. Tutorials Point's Coding Ground cung cấp trình biên dịch, thiết bị đầu cuối và trình chỉnh sửa trực tuyến cho Nhà phát triển phần mềm để chỉnh sửa, biên dịch, thực thi và chia sẻ chương trình Trải nghiệm trực tuyến điện toán đám mây tốt nhất nơi bạn có thể chỉnh sửa, biên dịch, thực thi và chia sẻ nhiều loại dự án của mình với sự trợ giúp của các cú nhấp chuột đơn giản
JS. làm
'JS. do' cung cấp tùy chọn tạo mã mới để thêm mã mới vào thẻ tập lệnh. Bạn có thể nhập HTML bên dưới thẻ script nếu cần. Bạn có thể lưu bản cập nhật và sử dụng tùy chọn chạy mã. Tùy chọn 'lưu dưới dạng js mới' cũng có sẵn trong tùy chọn trực tuyến này
Bạn có thể tải các mẫu mã thông qua 'JS. do' và xem kết quả trong bảng kết quả bằng cách chạy mã. Thêm khung cung cấp JQuery, Bootstrap, v.v.
JSFiddle
JS Fiddle có bốn bảng cho HTML, CSS, Javascript và kết quả. Sau khi nhập mã bấm vào biểu tượng run để xem kết quả
mã phát. io
Phát mã đưa ra kịch bản. js để nhập mã Javascript. HTML có thể nằm trong chỉ mục. html và CSS theo phong cách. css. Bảng điều khiển có sẵn riêng và chế độ xem trang web hiển thị đầu ra
Một trình biên dịch
Một trình biên dịch là một trang web đơn giản để chạy Javascript trực tuyến. Chỉ mục js là tệp js mặc định. Bạn có thể thêm nhiều tệp js nếu cần và nút chạy có sẵn để xem đầu ra
lập trình
'Programiz' là một trang web nhỏ để chạy Javascript. Bạn có thể nhập mã trong js chính và xem đầu ra trong tab đầu ra bên cạnh nó
Hướng dẫn này đã thảo luận về cách chạy Javascript trực tuyến. Chúng tôi đề xuất playcode. io, một trình biên dịch và 'programiz' đầu tiên. Đây là những cách rất dễ dàng và tốt nhất để chạy Javascript trực tuyến