Xin chào bạn,
Nếu bạn đang bắt đầu tìm hiểu cách chạy một ứng dụng web cục bộ (localhost) bằng Command Prompt (cmd), thì bài viết này sẽ giúp bạn hiểu một cách rõ ràng và dễ tiếp cận nhất.
Mình sẽ giải thích từng bước một bằng ngôn ngữ tự nhiên, giống như đang ngồi cạnh bạn và hướng dẫn trực tiếp vậy.
Bước 1: Mở cmd và đi tới thư mục chứa dự án
Trước hết, bạn mở Command Prompt trên máy tính của mình. Sau đó, bạn dùng lệnh cd (viết tắt của "change directory") để di chuyển đến thư mục nơi bạn lưu mã nguồn của dự án.
Ví dụ:
cd Desktop/my-project
Bạn có thể hình dung việc này như là đi tới "phòng điều khiển" của dự án – nơi bạn sẽ ra lệnh để mọi thứ vận hành.
Bước 2: Cài đặt môi trường cần thiết (ví dụ Node.js)
Đây là bước để chuẩn bị đầy đủ công cụ cho dự án hoạt động.
Nếu dự án của bạn dùng Node.js, bạn cần đảm bảo rằng Node.js đã được cài trên máy.
Sau đó, bạn gõ lệnh:
npm install
Giải thích cơ chế:
Lệnh này sẽ tìm file package.json trong thư mục dự án.
File này liệt kê tất cả các thư viện mà dự án cần. npm (Node Package Manager) sẽ đọc danh sách đó, tải các thư viện từ internet về và lưu vào thư mục node_modules.
Nhờ vậy, dự án của bạn có đủ "linh kiện" để chạy trơn tru.
Bước 3: Khởi chạy ứng dụng bằng lệnh (ví dụ npm run dev)
Khi đã sẵn sàng, bạn chạy lệnh để khởi động ứng dụng:
npm run dev
Hoặc tùy theo cấu hình, có thể là:
npm start
Giải thích cơ chế:
Lệnh này sẽ thực thi một đoạn script (kịch bản) được định nghĩa sẵn trong file package.json.
Script này thường sẽ bật một máy chủ web đơn giản để phục vụ ứng dụng.
Máy chủ này lắng nghe các yêu cầu từ trình duyệt và phản hồi lại.
Bước 4: Mở trình duyệt và truy cập địa chỉ localhost
Thông thường, sau khi chạy xong bước 3, cmd sẽ hiển thị địa chỉ như:
http://localhost:3000
Bạn chỉ cần mở trình duyệt (Chrome, Edge, Firefox,...) và nhập địa chỉ đó vào thanh địa chỉ.
Giải thích cơ chế:
- localhost: là cách nói máy tính của chính bạn. Nó tương đương với địa chỉ IP 127.0.0.1.
- :3000 (hoặc 8000, 5173,...): là số cổng. Ứng dụng sẽ "lắng nghe" các yêu cầu truy cập tại cổng này.
- Khi bạn truy cập vào địa chỉ đó, trình duyệt sẽ gửi yêu cầu đến máy chủ web mà bạn đã bật ở bước 3.
- Máy chủ sẽ xử lý và gửi lại dữ liệu (HTML, CSS, JS, hình ảnh,...), và trình duyệt sẽ hiển thị trang web lên cho bạn.
Tổng kết
Vậy là bạn đã biết cách chạy một ứng dụng web trên localhost qua cmd rồi đấy!
Các bước nhìn chung như sau:
- Mở cmd và đi tới thư mục dự án.
- Cài các thư viện bằng npm install.
- Khởi động server với npm run dev.
- Truy cập địa chỉ localhost trên trình duyệt.
Chúc bạn thực hành thành công! Nếu có gì chưa rõ, cứ để lại câu hỏi nhé.