Thiết lập Windows WSL và Next.js

Bạn có thể có được trải nghiệm phát triển trên Linux ngay trên Windows. Bản thiết lập này sử dụng WSL, Node.js, pnpm và Next.js. Nó rất nhanh và chuyên nghiệp.

Hãy làm theo các bước sau để xây dựng môi trường của bạn.

  1. Cài đặt WSL Mở PowerShell với quyền quản trị (admin) và chạy: wsl --install

Lệnh này sẽ cài đặt Ubuntu. Giờ đây bạn đã có một môi trường Linux bên trong Windows.

  1. Chuẩn bị Linux Mở terminal WSL của bạn và chạy các lệnh sau:
  • Kiểm tra thư mục home: cd ~
  • Tạo một thư mục: mkdir projects
  • Cập nhật hệ thống: sudo apt update && sudo apt upgrade

  1. Cài đặt Node.js thông qua NVM Sử dụng NVM để quản lý các phiên bản Node của bạn. Chạy: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash nvm install --lts nvm use --lts

  2. Thiết lập pnpm pnpm nhanh hơn npm và giúp tiết kiệm dung lượng đĩa. Hãy kích hoạt nó bằng Corepack: corepack enable pnpm

  3. Tạo một dự án Next.js Chạy lệnh này để bắt đầu một dự án mới: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app

Nếu bạn thấy lỗi [ERR_PNPM_IGNORED_BUILDS], hãy chạy: pnpm approve-builds Sau đó chạy: pnpm install

  1. Kết nối với VS Code Cài đặt extension WSL trong VS Code. Trong terminal, hãy nhập: code .

VS Code chạy trên Windows nhưng kết nối với môi trường Linux của bạn. Đây là cách làm việc tốt nhất.

Tại sao thiết lập này hiệu quả:

  • Hiệu suất nhanh
  • Truy cập được các công cụ Linux
  • Quản lý dependency tốt hơn
  • Quy trình làm việc chuyên nghiệp

Để giải phóng RAM khi hoàn tất, hãy chạy: wsl --shutdown

Nguồn: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1