Peta dunia

 

EN: Read in English

Dunia 1: Titik Simpan

Kotak

Anda akan belajar: cara simpan fail yang dah siap sahaja.

Teks BM belum disemak oleh penutur asli.

Masalahnya

Tiga fail bergoyang atas meja anda: index.html, style.css dan about.html. Hanya index.html ada tanda hijau.

Anda ubah 3 fail. Hanya 1 yang dah siap. Macam mana nak simpan yang itu sahaja?

Tengok

Fail bertanda, index.html, bercahaya dan meluncur masuk ke kotak kuning. style.css dan about.html kekal di belakang.

Git ada satu kotak. Namanya kawasan staging. Perubahan yang siap masuk ke dalam kotak.

Tengok

Arahan git add index.html menaip sendiri. Kemudian index.html meluncur masuk ke kotak.

git add index.html masukkan satu fail ke dalam kotak.

Cuba

Ketik satu fail, kemudian ketik kotak. Atau seret.

  • Letak di sini

Seret fail yang dah siap sahaja ke dalam kotak.

Cuba

Folder kerja
Kawasan staging
  • Kosong
Repositori
  • 1 titik simpan
  • Add README

Sekarang taip arahan itu sendiri.

Tengok

Kilat kamera. Gambar isi kotak terbang ke garis masa sebagai commit baru. Kotak kini kosong.

Commit (titik simpan) ambil gambar isi kotak. Hanya yang di dalam akan disimpan.

Teka

Anda jalankan git commit sekarang. Fail mana yang disimpan?

Pilih satu jawapan.

Semak

git status selepas index.html dimasukkan. Output terminal: $ git add index.html $ git status On branch main Changes to be committed: (use "git restore --staged <file>..." to unstage) new file: index.html Untracked files: (use "git add <file>..." to include in what will be committed) about.html style.css

Dalam git status, hijau maksudnya “dalam kotak”. Merah maksudnya “belum lagi”.

Anda berjaya!

Kini anda boleh simpan hanya yang dah siap.

Nak tahu lebih (pilihan)

git add -p simpan sebahagian fail sahaja. git restore --staged keluarkan fail dari kotak.

Masukkan index.html, kemudian keluarkan semula dari kotak. Output terminal: $ git add index.html $ git status -s A index.html ?? about.html ?? style.css $ git restore --staged index.html $ git status -s ?? about.html ?? index.html ?? style.css