# Nodejs

Quản lý nhiều phiên bản của Nodejs với ServBay rất đơn giản. Chúng tôi sẽ minh họa điều này bằng cách cài đặt Nodejs 22.

# Cài đặt Nodejs 22

Nhấp vào Dịch vụ ở thanh bên trái, và bạn có thể thấy nhiều phiên bản Nodejs được cung cấp bởi ServBay.

Cài đặt Nodejs 22

Tìm hàng nơi Nodejs 22 được đặt, nhấp vào nút tải xuống màu xanh ở bên phải, và Nodejs 22 sẽ được tải xuống và cài đặt chỉ trong vài giây.

# Cài đặt yarn và pnpm

Sau khi Nodejs 22 được cài đặt, hãy kiểm tra nó:

Phiên bản Nodejs 22

Từ kết quả xuất ra từ terminal, chúng ta có thể thấy rằng Nodejs 22 đã được cài đặt.

Sau đó, hãy cài đặt yarn và pnpm thông qua corepack:

$ corepack enable yarn
$ yarn -v
1.22.22
$ corepack enable pnpm
$ pnpm -v
9.1.0
1
2
3
4
5
6

Chúng ta có thể thấy rằng yarn và pnpm đã được cài đặt.

# Ví dụ Vue 3

Sau khi Nodejs và yarn/pnpm được cài đặt, bạn có thể bắt đầu phát triển front-end. Tiếp theo, chúng ta sẽ sử dụng Vue 3 làm ví dụ.

# Vue 3 Khung

Đầu tiên, hãy chạy khung Vue 3 để tạo một dự án Vue 3.

Vue 3 Khung

# Cài đặt deps bằng yarn

Sau đó vào thư mục dự án:

$ cd hello
1

Thực thi yarn để cài đặt các gói phụ thuộc:

Yarn Cài Đặt Phụ thuộc

# Bắt đầu máy chủ phát triển

Sau đó thực thi yarn dev để bắt đầu máy chủ phát triển cục bộ:

$ yarn dev
1

Sau khi máy chủ khởi động thành công, thông tin sau sẽ được hiển thị:

Thông tin Dev Yarn

Tại thời điểm này, hãy truy cập http://localhost:5173 trong trình duyệt của bạn, và bạn sẽ thấy trang chủ mặc định được tạo bởi Vue 3:

Trang chủ mặc định của Vue 3

# Chỉnh sửa mã nguồn

Hãy thử thay đổi "You did it!" thành "Hello, World!" và xem điều gì sẽ xảy ra:

Mã nguồn Hello World Vue 3

Sau khi chỉnh sửa mã, Vue 3 sẽ tự động làm mới trang, vì vậy chúng ta có thể thấy trang chủ trang web đã được chỉnh sửa:

Trang Chào Thế Giới Vue 3

Bây giờ bạn đã sẵn sàng để phát triển front-end sử dụng nodejs.

Last Updated: 5/12/2024