Install NodeJS via NVM
- Index:
- Install Node
- Buat project React
Install NodeJS
1. Install nvm
Jika belum ada nvm, install dulu:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash
Lalu tambahkan script ke shell supaya aktif (kalau pakai bash/zsh/fish):
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
Biasanya otomatis ditambahkan ke ~/.bashrc atau ~/.zshrc.
2. Verifikasi nvm
Cek apakah sudah terinstall:
nvm --version
Kalau muncul versi (misalnya 0.39.7), berarti sukses.
3. Install Node.js versi tertentu
- Misalnya mau install Node.js LTS (stabil):
nvm install --lts - Atau kalau mau versi terbaru:
nvm install node - Atau spesifik, misalnya versi 20.11.1:
- nvm install 20.11.1
- Pilih versi yang mau dipakai:
nvm use 20.11.1 - Supaya jadi default setiap buka terminal:
nvm alias default 20.11.1
4. Verifikasi
Cek apakah Node.js dan npm sudah terinstall:
node -v
npm -v
Buat Project React dengan Vite
1️⃣ Masuk ke folder tempat akan menyimpan project kemudian jalankan:
npm create vite@latest
Akan muncul pertanyaan:
✔ Project name: … my-react-app (sesuaikan nama project yang diinginkan)
✔ Select a framework: › React
✔ Select a variant: › JavaScript (pilih script yang diinginkan)
Kalau mau TypeScript, pilih React + TypeScript, jika ada pertanyaan: Use rolldown-vite (Experimental)?:
│ ○ Yes
│ ● No
Pilih no, kecuali anda ingin ikut experimental mereka
2️⃣ Masuk ke Folder Project
cd my-react-app
3️⃣ Install Dependency
npm install
4️⃣ Jalankan Development Server
npm run dev
Tahap 2, 3 dan 4 bisa jadi bisa anda abaikan jika sudah ada pertanyaan : Install with npm and start now?
│ ● Yes / ○ Nopertanyaan ini muncul di tahap 1, jika anda pilih yes maka akan otomatis masuk ke tahap 4 ini.