Hướng dẫn cài đặt Visual Studio Code (VS Code)

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Trong bài viết này, mình sẽ hướng dẫn các bạn cách cài đặt Visual Studio Code (VS Code) trên máy tính để có thể viết code và chạy code trên đó nhé!

Giới thiệu về Visual Studio Code (VS Code)

Visual Studio Code là trình soạn thảo code gọn nhẹ nhưng mạnh mẽ chạy trên máy tính, có sẵn cho Windows, macOS và Linux. VSCode đi kèm với sự hỗ trợ tích hợp cho JavaScript, TypeScript, Node.js và có một hệ sinh thái mở rộng phong phú cho các ngôn ngữ khác (như C++, C#, Java, Python, PHP, Go).

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Bước 1:

Truy cập link của nhà phát hành: https://code.visualstudio.com/

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Website sẽ tự Recommend phiên bản thích hợp với máy của bạn, hoặc nếu muốn cài bản khác, bạn chọn trong danh sách như sau:

Mở ra tiến hành cài đặt, Chỉ cần Next cho đến khi Finish là xong.

Bước 2:

Mở VScode lên, đây là giao diện Welcome:

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Chọn “Open Folder”, giao diện hiển thị như sau:

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Chọn “New Folder” -> Nhập tên Folder và chọn “Create” -> Chọn “Open”, giao diện hiển thị như sau:

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Để tạo Folder hoặc File, ta chọn icon tương ứng, ví dụ ở đây ta tạo ra một file mới là “index.html”, sau đó nhập vào đoạn mã đơn giản như sau (nhớ save):

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Bước 3:

Trên thanh left bar, nhấp vào Tab “Extensions”. Hoặc Nhấn (Ctrl + shift + X). Sau đó trong thanh tìm kiếm nhập vào “open in browser”. Bạn sẽ nhận được một danh sách các plugin. Để đơn giản, hãy chọn plugin đầu tiên và nhấp vào cài đặt.

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Chọn Trình duyệt của bạn và Xem đầu ra:

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Và kết quả của đoạn mã chúng ta vừa code sẽ được hiển thị trên trình duyệt như sau:

Hướng dẫn cài đặt Visual Studio Code (VS Code)

Cảm ơn bạn đã theo dõi bài viết!

Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây.


Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.

TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦU

KHOÁ HỌC BOOTCAMP JAVA/JAVASCRIPT/PHP TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG

Leave a Reply

Your email address will not be published. Required fields are marked *