Trong khóa học này, các bạn sẽ sử dụng Visual Studio Code (VS Code) để soạn thảo code. Đây là trình soạn thảo mã nguồn mạnh mẽ, miễn phí và là lựa chọn hàng đầu của các lập trình viên trên toàn thế giới.

Video hướng dẫn

Tại sao nên chọn Visual Studio Code?

VS Code không chỉ là một trình soạn thảo văn bản đơn thuần, mà nó còn là một môi trường phát triển (IDE) nhẹ nhàng nhưng cực kỳ mạnh mẽ. Dưới đây là những lý do tại sao nó được ưa chuộng để viết các mã nguồn HTML, CSS, JS như <div></div>, <a></a>:

  • Hệ sinh thái Extension phong phú: Bạn có thể cài đặt thêm các tiện ích mở rộng để hỗ trợ gỡ lỗi (debug), tự động định dạng code (Prettier), hoặc kiểm tra lỗi cú pháp (ESLint).

  • Tích hợp Git: Quản lý phiên bản code ngay trong trình soạn thảo mà không cần chuyển đổi cửa sổ.

  • IntelliSense: Khả năng gợi ý code thông minh dựa trên biến, hàm và module mà bạn đang sử dụng.

  • Tốc độ: Khởi động nhanh, tiêu tốn ít tài nguyên máy tính so với các IDE truyền thống.

Mẹo nhỏ: Hãy làm quen với các phím tắt (shortcuts) trong VS Code để tăng tốc độ làm việc của bạn lên gấp nhiều lần!

Step 1: download Visual Studio Code

  • Truy cập trang chủ: https://code.visualstudio.com/

  • Chọn phiên bản phù hợp với hệ điều hành của bạn (Windows, macOS hoặc Linux).

Download VS Code

Step 2: cài đặt (install) Visual Studio Code

Sau khi tải về, các bạn thực hiện cài đặt theo các bước sau:

  1. Mở file cài đặt vừa tải về.

  2. Chọn "I accept the agreement" và nhấn Next.

  3. Chọn thư mục cài đặt (mặc định là ổ C) và tiếp tục nhấn Next.

  4. Tại bước "Select Additional Tasks", bạn nên tích chọn "Add 'Open with Code' action to Windows Explorer file context menu" để tiện lợi hơn khi mở file.

  5. Nhấn Install và chờ đợi quá trình hoàn tất.

Setup 1Setup 2Setup 3Setup 4Setup 5Setup 6Setup 7

Done! Hoàn thành

Các bạn vừa cài đặt thành công trình soạn thảo code Visual Studio Code. Giờ đây, bạn đã sẵn sàng để bắt đầu hành trình lập trình của mình một cách chuyên nghiệp nhất.