Setup Vibe 101

Apa ini

Setup ialah langkah pertama dalam Vibe 101.

Jangan mula bina selagi device, internet, akaun AI, IDE, Node.js, Git, dan terminal belum sedia.

Kenapa penting

Setup yang rosak buat step lain rasa lebih susah daripada yang sebenar.

Kalau localhost tidak berjalan nanti, kelas akan jadi sesi meneka, bukan sesi membina. Page ini fokus pada tools asas. Check localhost dibuat selepas project files sudah wujud.

Apa nak buat

Tools asas

Node.js membolehkan project menjalankan JavaScript di komputer pelajar. Git menjejak perubahan code. IDE ialah tempat pelajar edit files, buka terminal, dan minta bantuan AI assistant.

Cursor dan Antigravity ialah AI coding editor. GitHub simpan code online, dan Vercel tukar GitHub repo itu jadi website live.

Sebelum kelas, pastikan:

1. Laptop atau desktop. Jangan guna phone.
2. Internet stabil.
3. Akaun ChatGPT atau Perplexity, sudah login.
4. Cursor atau Antigravity.
5. Node.js LTS dari nodejs.org.
6. Git dari git-scm.com.
7. Terminal boleh run node -v dan git --version.

Windows setup

Install:

1. Node.js LTS dari nodejs.org.
2. Git for Windows dari git-scm.com/download/win.
3. Cursor dari cursor.com/download atau Antigravity dari antigravity.google/download.

Selepas install, tutup dan buka semula IDE dan terminal.

Semak:

node -v
git --version

Kalau PowerShell block command, cuba terminal dalam IDE dulu sebelum ubah system setting.

Mac setup

Install:

1. Node.js LTS dari nodejs.org.
2. Cursor dari cursor.com/download atau Antigravity dari antigravity.google/download.

Selepas itu, buka Terminal:

xcode-select --install

Optional AI coding tool:

npm i -g opencode-ai

Semak folder dan terminal

Sebelum paste prompt pertama dalam IDE, buat satu project folder dan buka folder yang tepat dalam Cursor atau Antigravity.

Kalau kelas guna Antigravity atau VS Code extensions, ikut nama extension yang tutor beri. Untuk kelas pertama, kekalkan setup ringkas: satu editor, satu project folder, satu terminal.

Buka integrated terminal. Kalau terminal bukan dalam project folder, guna cd untuk masuk folder yang betul:

cd path/to/project-folder

Semak folder sebelum teruskan:

dir

Di Mac, guna:

ls

Senarai files patut sepadan dengan folder yang pelajar mahu guna. Check package.json datang kemudian, selepas project sudah dibuat atau clone.

Command asas

cd maksudnya change directory. Guna bila terminal buka dekat folder yang salah.

Project command seperti npm install dan npm run dev datang kemudian, selepas project files wujud.

Check setup terakhir

node -v
git --version

Checkpoint tools:

Node.js dan Git kedua-duanya tunjuk nombor versi.

Kalau salah satu command tidak berjalan, tugas seterusnya bukan coding. Tugas seterusnya ialah betulkan setup.

Mistake biasa

• Join kelas dengan phone sahaja.
• Belum login AI tools.
• Install Node.js tapi tak restart terminal.
• Install Git tapi tak restart IDE.
• Guna terminal yang salah.
• Terus bina walaupun localhost belum berjalan.