Dunia 0: Mula Di Sini

Git dalam VS Code

Anda akan belajar: di mana Git dalam VS Code, dan apa fungsi setiap bahagian.

Teks BM belum disemak oleh penutur asli.

Masalahnya

~/diary $ git statusOn branch mainChanges not staged for commit:  (use "git add <file>..." to update what will be committed)  (use "git restore <file>..." to discard changes in working directory)        modified:   index.htmlUntracked files:  (use "git add <file>..." to include in what will be committed)        style.cssno changes added to commit (use "git add" and/or "git commit -a")

Ini git status dalam terminal. Banyaknya perkataan! Ada cara lebih senang nak tengok?

Cuba

Ini VS Code, editor kod yang percuma. Ketik setiap titik yang bercahaya.

Ketik titik yang bercahaya untuk meneroka.

0 daripada 7 diteroka

Tengok

~/diary $ git add style.css~/diary $ git commit -m "Add styles"[main 0a7422c] Add styles 1 file changed, 1 insertion(+) create mode 100644 style.css

Butang-butang ini jalankan arahan Git yang sama. Klik + jalankan git add. Klik Commit jalankan git commit.

Teka

Anda klik + di sebelah style.css. Ia pergi ke mana?

Semak

Dalam diff (beza baris demi baris), satu baris berwarna hijau. Apa maksud hijau?

Tengok

~/diary $ git log --oneline3a12797 (HEAD -> main) Add home page6d3a9b1 Add README

VS Code pun ada terminal di dalamnya. Buka menu Terminal, kemudian New Terminal. Semua arahan dalam kursus ini boleh jalan di situ.

Anda berjaya!

Kini anda boleh cari butang-butang Git dalam VS Code.

Nak tahu lebih (pilihan)

Halakan tetikus ke atas fail dalam Changes untuk nampak butang lain. Anak panah melengkung akan buang perubahan anda, jadi hati-hati. Pasang VS Code dari code.visualstudio.com. Ia ada untuk Windows, macOS dan Linux.