𝗪𝗶𝗻𝗱𝗼𝘄𝘀 𝗪𝗦𝗟 𝗮𝗻𝗱 𝗡𝗲𝘅𝘁.𝗷𝘀 𝗦𝗲𝘁𝘂𝗽
คุณสามารถสัมผัสประสบการณ์การพัฒนาบน Linux ได้บน Windows การตั้งค่านี้ใช้ WSL, Node.js, pnpm และ Next.js ซึ่งรวดเร็วและเป็นมืออาชีพ
ทำตามขั้นตอนเหล่านี้เพื่อสร้างสภาพแวดล้อมการทำงานของคุณ
- ติดตั้ง WSL เปิด PowerShell ในฐานะผู้ดูแลระบบ (admin) และรันคำสั่ง: wsl --install
คำสั่งนี้จะติดตั้ง Ubuntu ตอนนี้คุณจะมีสภาพแวดล้อม Linux อยู่ภายใน Windows แล้ว
- เตรียมความพร้อม Linux เปิด WSL terminal ของคุณและรันคำสั่งเหล่านี้:
- ตรวจสอบ home directory: cd ~
- สร้างโฟลเดอร์: mkdir projects
- อัปเดตระบบของคุณ: sudo apt update && sudo apt upgrade
ติดตั้ง Node.js ผ่าน NVM ใช้ NVM เพื่อจัดการเวอร์ชันของ Node รันคำสั่ง: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash nvm install --lts nvm use --lts
ตั้งค่า pnpm pnpm เร็วกว่า npm และช่วยประหยัดพื้นที่ดิสก์ เปิดใช้งานด้วย Corepack: corepack enable pnpm
สร้างโปรเจกต์ Next.js รันคำสั่งนี้เพื่อเริ่มโปรเจกต์ใหม่: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app
หากคุณพบข้อผิดพลาด [ERR_PNPM_IGNORED_BUILDS] ให้รัน: pnpm approve-builds จากนั้นรัน: pnpm install
- เชื่อมต่อกับ VS Code ติดตั้งส่วนขยาย WSL ใน VS Code ใน terminal ของคุณ ให้พิมพ์: code .
VS Code จะทำงานบน Windows แต่เชื่อมต่อกับสภาพแวดล้อม Linux ของคุณ นี่คือวิธีทำงานที่ดีที่สุด
ทำไมการตั้งค่านี้ถึงได้ผล:
- ประสิทธิภาพที่รวดเร็ว
- เข้าถึงเครื่องมือของ Linux ได้
- การจัดการ dependency ที่ดีกว่า
- เวิร์กโฟลว์ที่เป็นมืออาชีพ
เพื่อคืนค่า RAM เมื่อคุณใช้งานเสร็จ ให้รัน: wsl --shutdown
แหล่งที่มา: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1