Hướng dẫn chạy JavaScript trên Visual Studio Code

21:16 29/05/2025

Visual Studio Code là gì? Làm sao để chạy JavaScript trên Visual Studio Code? Hãy theo dõi bài viết dưới đây để biết thêm chi tiết nhé!

Công cụ lập trình Visual Studio Code

Visual Studio Code do Microsoft phát triển, là sự kết hợp hoàn hảo giữa IDE (môi trường phát triển tích hợp) và Code Editor (trình soạn thảo mã nguồn). Visual Studio Code miễn phí, nhanh, nhẹ và chạy tốt trên cả 3 nền tảng Windows, macOS và Linux. Hiện nay, Visual Studio Code là công cụ lập trình được dùng phổ biến nhất. 

Visual Studio Code sử dụng Electron, một nền tảng được sử dụng để triển khai các ứng dụng Node.js máy tính cá nhân, được phát triển dựa trên trình biên tập của Visual Studio Online. 

  • Khả năng mở rộng và tùy chỉnh: đây là điều tuyệt vời nhất của Visual Studio Code. Thông qua kho extensions phong phú Visual Studio Code hỗ trợ lập trình nhiều ngôn ngữ khác nhau, ngoài ra còn tùy chỉnh theme, kích thước, font chữ, keyboard shortcut, coding style, tính năng.
  • Intellisense: là sự kết hợp giữa trí tuệ nhân tạo và tự động hoàn thiện code. Intellisense cung cấp cách viết tắt, gợi ý và mô tả ngắn khi viết code. Những gợi ý sẽ được tính toán dựa trên nhiều nhân tố như: cú pháp, ngôn ngữ lập trình, hàm, biến.
  • Tích hợp Git: cung cấp đẩy (push) và kéo (pull) code trực tiếp từ Visual Studio Code.
  • Tích hợp Terminal: cung cấp giao diện cửa sổ dòng lệnh.
  • Debugger: hỗ trợ gỡ lỗi cho rất nhiều ngôn ngữ lập trình.
  • Code Spell Checker: cho phép kiểm tra tên hàm, ghi chú, tên biến sai chính tả.

Ngôn ngữ lập trình JavaScript

JavaScript là ngôn ngữ lập trình được nhà phát triển sử dụng để tạo trang web tương tác. Từ làm mới bảng tin trên trang mạng xã hội đến hiển thị hình ảnh động và bản đồ tương tác, các chức năng của JavaScript có thể cải thiện trải nghiệm người dùng của trang web. Là ngôn ngữ kịch bản phía máy khách, JavaScript là một trong những công nghệ cốt lõi của World Wide Web. Ví dụ: khi duyệt internet, bất cứ khi nào bạn thấy quảng cáo quay vòng dạng hình ảnh, menu thả xuống nhấp để hiển thị hoặc màu sắc phần tử thay đổi động trên trang web cũng chính là lúc bạn thấy các hiệu ứng của JavaScript.

Trước đây, các trang web có dạng tĩnh, tương tự như các trang trong một cuốn sách. Một trang tĩnh chủ yếu hiển thị thông tin theo một bố cục cố định và không làm được mọi thứ mà chúng ta mong đợi như ở một trang web hiện đại. JavaScript dần được biết đến như một công nghệ phía trình duyệt để làm cho các ứng dụng web linh hoạt hơn. Sử dụng JavaScript, các trình duyệt có thể phản hồi tương tác của người dùng và thay đổi bố cục của nội dung trên trang web. 

Khi ngôn ngữ này phát triển hoàn thiện, các nhà phát triển JavaScript đã thiết lập các thư viện, khung và cách thức lập trình cũng như bắt đầu sử dụng ngôn ngữ này bên ngoài trình duyệt web. Ngày nay, bạn có thể sử dụng JavaScript để thực hiện hoạt động phát triển cả ở phía máy khách và máy chủ. 

Trước đây, các trang web có dạng tĩnh, tương tự như các trang trong một cuốn sách. Một trang tĩnh chủ yếu hiển thị thông tin theo một bố cục cố định và không làm được mọi thứ mà chúng ta mong đợi như ở một trang web hiện đại. JavaScript dần được biết đến như một công nghệ phía trình duyệt để làm cho các ứng dụng web linh hoạt hơn. Sử dụng JavaScript, các trình duyệt có thể phản hồi tương tác của người dùng và thay đổi bố cục của nội dung trên trang web. 

Khi ngôn ngữ này phát triển hoàn thiện, các nhà phát triển JavaScript đã thiết lập các thư viện, khung và cách thức lập trình cũng như bắt đầu sử dụng ngôn ngữ này bên ngoài trình duyệt web. Ngày nay, bạn có thể sử dụng JavaScript để thực hiện hoạt động phát triển cả ở phía máy khách và máy chủ.

Tất cả các ngôn ngữ lập trình đều hoạt động bằng cách dịch cú pháp giống tiếng Anh thành mã máy, hệ điều hành sau đó sẽ chạy mã này. JavaScript được phân loại khái quát là một ngôn ngữ viết tập lệnh hoặc một ngôn ngữ diễn giải. Mã JavaScript được diễn giải, tức là được công cụ JavaScript dịch trực tiếp sang mã ngôn ngữ máy cơ bản. Với các ngôn ngữ lập trình khác, trình biên dịch sẽ biên dịch toàn bộ mã thành mã máy trong một bước riêng. Như vậy, tất cả các ngôn ngữ viết tập lệnh đều là ngôn ngữ lập trình, nhưng không phải tất cả các ngôn ngữ lập trình đều là ngôn ngữ viết tập lệnh.

Cài đặt Visual Studio Code

Truy cập địa chỉ: https://code.visualstudio.com/download để tải bản cài đặt 

Chọn hệ điều hành Windows, macOS và Linux và phiên bản 32bit, 64bit:

Xong ta được:

Chạy Visual Studio Code, trong phần extensions gõ Live Server và cài đặt Live Server:

Chương trình đầu tiên:

Giảng viên Phạm Tùng Dương
Bộ môn Ứng dụng phần mềm
FPT Polytechnic Hà Nội

Hỗ trợ tư vấn và giải đáp thông tin tuyển sinh FPT Polytechnic

Cùng chuyên mục

Đăng ký nhập học tại FPT Polytechnic 2026

  • Max. file size: 50 MB.
  • Max. file size: 50 MB.
  • Max. file size: 50 MB.