𝗪𝗶𝗻𝗱𝗼𝘄𝘀 𝗪𝗦𝗟 𝗮𝗻𝗱 𝗡𝗲𝘅𝘁.𝗷𝘀 𝗦𝗲𝘁𝘂𝗽
Anda dapat merasakan pengalaman pengembangan Linux di Windows. Setup ini menggunakan WSL, Node.js, pnpm, dan Next.js. Setup ini cepat dan profesional.
Ikuti langkah-langkah berikut untuk membangun lingkungan pengembangan Anda.
- Instal WSL Buka PowerShell sebagai admin dan jalankan: wsl --install
Ini akan menginstal Ubuntu. Sekarang Anda memiliki lingkungan Linux di dalam Windows.
- Siapkan Linux Buka terminal WSL Anda dan jalankan perintah berikut:
- Periksa direktori home Anda: cd ~
- Buat folder: mkdir projects
- Perbarui sistem Anda: sudo apt update && sudo apt upgrade
Instal Node.js melalui NVM Gunakan NVM untuk mengelola versi Node Anda. Jalankan: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash nvm install --lts nvm use --lts
Setup pnpm pnpm lebih cepat daripada npm dan menghemat ruang disk. Aktifkan dengan Corepack: corepack enable pnpm
Buat Proyek Next.js Jalankan perintah ini untuk memulai proyek baru: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app
Jika Anda melihat error [ERR_PNPM_IGNORED_BUILDS], jalankan: pnpm approve-builds Kemudian jalankan: pnpm install
- Hubungkan ke VS Code Instal ekstensi WSL di VS Code. Di terminal Anda, ketik: code .
VS Code berjalan di Windows tetapi terhubung ke lingkungan Linux Anda. Ini adalah cara terbaik untuk bekerja.
Mengapa setup ini efektif:
- Performa cepat
- Akses ke alat-alat Linux
- Manajemen dependensi yang lebih baik
- Alur kerja profesional
Untuk mengosongkan RAM setelah selesai, jalankan: wsl --shutdown
Sumber: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1