Login

Cài đặt môi trường lập trình web trên Windows: VS Code, Node.js và Git

  • author-image

    Nguyễn Đình Cường

  • blog-tag
  • blog-comment 0 comment
  • created-date 09 Nov, 2026
blog-thumbnail

Máy mới, bắt đầu học lập trình web và không biết cài gì trước? Bài này hướng dẫn bạn dựng môi trường làm việc hoàn chỉnh trên Windows với ba công cụ nền tảng: Visual Studio Code, Node.js và Git, kèm cách kiểm tra từng bước.

Bộ công cụ tối thiểu

Để học web hiện đại, bạn chỉ cần ba thứ:

  • Trình soạn thảo: Visual Studio Code, miễn phí, nhiều tiện ích mở rộng.
  • Node.js: chạy JavaScript ngoài trình duyệt và cung cấp npm để cài thư viện.
  • Git: quản lý lịch sử phiên bản mã nguồn và làm việc với GitHub.

Ngoài ra bạn cần một trình duyệt hiện đại như Chrome hoặc Edge để dùng DevTools.

Bước 1: Cài Visual Studio Code

  1. Truy cập trang chủ của VS Code và tải bản cài đặt cho Windows.
  2. Khi cài, nên tích chọn các tùy chọn thêm "Open with Code" vào menu chuột phải và "Add to PATH".
  3. Mở VS Code và thử mở một thư mục bằng File > Open Folder.

Các tiện ích mở rộng nên cài sớm:

  • Live Server: chạy trang web cục bộ và tự tải lại khi lưu file.
  • Prettier: tự định dạng code cho đẹp và thống nhất.
  • ESLint: cảnh báo lỗi và cách viết đáng ngờ trong JavaScript.
  • Vietnamese Language Pack: nếu bạn muốn giao diện tiếng Việt.

Bước 2: Cài Node.js

Vào trang nodejs.org và tải phiên bản LTS (hỗ trợ dài hạn), ổn định hơn cho người mới. Chạy file cài đặt, giữ các tùy chọn mặc định. Sau khi cài xong, mở một cửa sổ terminal mới (PowerShell hoặc terminal tích hợp trong VS Code, mở bằng Ctrl + `) và kiểm tra:

node -v
npm -v

Nếu cả hai lệnh in ra số phiên bản thì cài thành công. Nếu báo "không nhận ra lệnh", hãy đóng và mở lại terminal, hoặc khởi động lại máy để PATH được cập nhật.

Bước 3: Cài Git và cấu hình

Tải Git for Windows từ trang chủ git-scm.com và cài với các tùy chọn mặc định. Sau đó cấu hình tên và email, đây là thông tin gắn vào mỗi commit của bạn:

git config --global user.name "Ten Cua Ban"
git config --global user.email "email@example.com"
git --version

Nên dùng đúng email bạn đăng ký tài khoản GitHub để commit được gắn với hồ sơ của bạn.

Bước 4: Thử nghiệm toàn bộ

Hãy tạo thử một dự án nhỏ để chắc chắn mọi thứ phối hợp tốt:

mkdir hello-web
cd hello-web
git init
npm init -y
code .

Lệnh cuối mở thư mục trong VS Code. Tạo file index.html với nội dung đơn giản, chuột phải chọn Open with Live Server. Nếu trình duyệt mở trang và tự tải lại khi bạn sửa nội dung, môi trường đã sẵn sàng.

Một số thiết lập đáng làm

  • Bật Format On Save trong Settings để Prettier tự định dạng khi lưu.
  • Chọn terminal mặc định là PowerShell hoặc Git Bash tùy bạn quen cái nào.
  • Học vài phím tắt: Ctrl + P mở nhanh file, Ctrl + Shift + P mở bảng lệnh, Alt + Lên/Xuống di chuyển dòng.
  • Tạo thư mục gốc riêng cho các dự án, ví dụ D:\code, và tránh đường dẫn có dấu hoặc khoảng trắng để ít gặp lỗi lạ.

Lỗi thường gặp

  • npm bị chặn chạy script trên PowerShell: lỗi liên quan đến chính sách thực thi script. Có thể dùng Command Prompt hoặc Git Bash thay thế, hoặc tìm hiểu kỹ cách điều chỉnh chính sách cho người dùng hiện tại trước khi đổi.
  • Lệnh mới cài không nhận: cần mở terminal mới sau khi cài.
  • Cài nhiều phiên bản Node: dùng công cụ quản lý phiên bản như nvm-windows nếu bạn cần chuyển qua lại.

Kết luận

Chuẩn bị môi trường xong, bạn đã bỏ được rào cản đầu tiên. Đừng cố cài mọi thứ ngay, hãy cài đủ dùng và bổ sung khi dự án cần.

Khi môi trường đã sẵn sàng, hãy bắt đầu lộ trình học web có hướng dẫn tại codebem.com để biết nên học gì trước, gì sau.

author_photo
Nguyễn Đình Cường

0 comment