Laluan builder anda
2 / 6 chapterChapter ini
Step 1 daripada 7Tindakan seterusnya
Download starter
Dapatkan starter pack anda
Download starter menggunakan pautan di sebelah step ini. Ia disimpan ke folder Downloads anda.
Buka untuk step ini
Perlukan bantuan?
Starter mengandungi prompts dan templates, bukan app siap. Belum ada apa-apa untuk dijalankan.
Untuk step ini
Starter ialah folder berisi prompts dan templates, bukan app yang sudah siap. Belum ada apa-apa untuk dijalankan.
File di dalamnya menjadi ingatan build anda. Coach menulis brief, architecture, design, blueprint dan Work Cards anda ke dalamnya, jadi sesi chat baharu boleh menyambung tepat di tempat sesi lepas berhenti.
Jangan mula build lagi
Chapter ini ialah setup. Mula build sebelum trainer luluskan anda bermakna membina di atas workspace yang belum disemak sesiapa.
Untuk step ini
Extract fail ZIP itu, kemudian namakan semula folder yang terhasil kepada nama
project anda dalam huruf kecil dengan sempang, contohnya campus-event-guide.
Namakan semula folder luar sahaja. Kekalkan START_HERE.md, prompts/,
templates/ dan work-cards/ seperti sedia ada.
Nama folder yang pendek dan jelas penting sebab sesetengah editor dan sesetengah notifikasi Windows memendekkannya, dan anda mahu kenal project anda dengan sekali pandang.
Untuk step ini
Membuka folder, dan bukan satu file, itulah yang membolehkan AI helper anda
nampak keseluruhan project. Apabila ia terbuka dengan betul, files panel
memaparkan START_HERE.md di peringkat atas, dengan folder prompts,
templates dan work-cards di bawahnya.
Kalau anda hanya nampak satu file, anda membuka file. Guna File kemudian Open Folder sekali lagi. Kalau editor bertanya sama ada anda percayakan penulisnya, pilih ya: itu folder anda sendiri.
Untuk step ini
Peta cockpit
Di mana setiap bahagian berada
Kenali setiap bahagian sebelum download apa-apa. Setup tidak lagi terasa macam skrin hitam.
Project folder
Semuanya ada di sini
Files panel
Cari dan buka file
Editor
Ubah satu file
Terminal
Run command project
Browser preview
localhost peribadi untuk anda
AI helper
Terangkan dan edit dengan kebenaran
Peraturan sepanjang session: jangan run command yang anda tidak boleh terangkan.
Pilih ikut kerja
Empat jenis AI helper
Ia bukan brand yang bersaing. Setiap satu nampak bahagian project anda yang berbeza, jadi pilih ikut kerja di depan anda.
AI chat
Nampak: Hanya apa yang anda paste
Sesuai untuk: Planning dan penerangan
IDE extension
Nampak: File yang dibuka
Sesuai untuk: Edit pantas dalam satu file
Coding agent
Nampak: File project, dengan kebenaran
Sesuai untuk: Kerja banyak file dan command
Model + context
Nampak: Apa sahaja yang anda beri
Sesuai untuk: Lebih kuat untuk error yang susah
| Bahagian | Di mana | Shortcut |
|---|---|---|
| Files panel | Bar kiri, ikon atas | Ctrl+Shift+E (Mac Cmd+Shift+E) |
| Terminal | Panel bawah | Ctrl+J (Mac Cmd+J) |
| Extensions | Bar kiri, empat petak | Ctrl+Shift+X (Mac Cmd+Shift+X) |
| Command palette | Di mana sahaja | Ctrl+Shift+P (Mac Cmd+Shift+P) |
Files panel anda sekarang sepatutnya memaparkan START_HERE.md dengan folder
prompts, templates dan work-cards di bawahnya. Itulah keseluruhan project
anda.
Sekarang install helper itu. Buka extensions panel, cari Kilo Code, dan
install. Kilo Code ialah coding agent: ia boleh baca project files anda, menulis
kepadanya bila anda benarkan, dan menjalankan command yang anda luluskan. Itulah
sebabnya laluan ini menggunakannya dan bukan laman chat, yang hanya nampak apa
yang anda paste.
Terminal ialah kotak teks yang menjalankan command pada mesin anda. Kerana anda
membuka folder dan bukan satu file, terminal itu bermula di dalam project anda,
dan itulah yang menjadikan command build dalam chapter kemudian berfungsi.
Kemudian nanti, browser preview akan terbuka pada alamat localhost yang hanya
komputer anda nampak.
Satu peraturan keselamatan
Jangan sesekali run command yang anda tidak boleh terangkan, dan jangan paste password, token, API key, atau data peribadi ke dalam alat AI.
Untuk step ini
Run setiap baris dalam terminal dan tekan Enter. Nombor versi bermakna tool itu sudah ada. Error "not recognised" atau "command not found" bermakna ia tiada.
node --version
npm --version
git --versionSwipe sideways if a command is long.
Node menjalankan project, npm memasang package yang diperlukan, Git menyimpan versi kerja anda. Install hanya yang error, guna pautan di sebelah step ini, kemudian buka terminal baharu dan run semakan sekali lagi.
Kemudian beritahu Git siapa anda, sekali sahaja, guna nama dan email yang anda mahu terikat dengan kerja anda:
git config --global user.name "Nama Anda"
git config --global user.email "anda@example.com"
git config --global --listSwipe sideways if a command is long.
Kalau Node atau Git tidak boleh install
Beritahu trainer sebelum gate. Anda boleh kekal dalam chapter perancangan, atau berpasangan dengan seseorang yang mesinnya sudah sedia. Install yang tersekat tidak pernah merugikan sesi anda.
Untuk step ini
Agent dalam editor tidak boleh berfikir sendiri. Ia menghantar permintaan anda kepada satu model, dan model itu perlukan key yang menyatakan siapa yang membayar. Pendaftaran event hari ini yang meletakkan key pada profile anda.
| Langkah | Di mana |
|---|---|
| Salin key anda | Profile KD, tab API Key |
| Tambah custom provider | Tetapan Kilo Code, dalam editor anda |
| Sahkan ia berfungsi | Tanya Kilo Code apa-apa soalan ringkas |
Trainer yang jalankan step ini
Medan provider berbeza ikut model. Tunggu tunjuk ajar dan jangan meneka, dan angkat tangan kalau key anda tiada.
Anggap key itu seperti password
Jangan sesekali paste ia dalam chat, screenshot, slaid, atau file project. Kalau ia masuk ke file yang anda commit, ia jadi awam walaupun anda padam.
Tiada di event KD? Guna key provider anda sendiri di sini, atau langkau Kilo Code dan guna coding helper yang anda memang bayar. Semua selepas chapter ini berfungsi sama sahaja asalkan helper anda boleh baca project folder dan menjalankan command.
Untuk step ini
Buka AI helper anda dan paste ini tepat seperti berikut:
Read START_HERE.md and prompts/00-run-kdbm-lite-coach.md.
Run the KDBM Lite Coach exactly as instructed.
Planning phase only:
- create or update markdown planning files only
- do not create app code yet
- do not install packages yet
- do not edit project source files yet
Start with the Setup Gate.
Ask me one question at a time.Checkpoint trainer: berhenti di sini
Angkat tangan apabila coach melaporkan keputusan Setup Gate.
| Semakan | Rupa lulus | Kalau gagal |
|---|---|---|
| Folder terbuka | Files panel papar START_HERE.md dan prompts | Buka semula keseluruhan folder |
| Akses file | Coach boleh baca START_HERE.md | Benarkan akses file dalam helper |
| Terminal | Coach boleh run command versi | Buka terminal baharu, semak Node |
| Identity Git | Nama dan email anda sudah diset | Set semula dalam terminal |
Jangan sesekali kongsi password, token atau key dengan coach, walaupun sesuatu soalan setup nampak seperti memintanya.
Sebelum anda teruskan
Kesilapan biasa
- Membuka satu file dan bukan keseluruhan folder.
- Menamakan semula file di dalam starter dan bukan folder luar.
- Install Node atau Git tanpa semak sama ada ia memang sudah ada.
- Run semakan versi dalam terminal lama yang dibuka sebelum anda install.
- Mula build sementara menunggu trainer.
- Paste boot prompt ke laman chat yang tidak boleh nampak folder anda.
- Kongsi password atau key sebab soalan setup nampak seperti memintanya.
Buat satu step pada satu masa. Tanda step hanya untuk paparan halaman ini, jadi tiada apa disimpan apabila anda keluar.