Frontend Academy · Pelajaran

git init add commit dan status

Mulakan repositori, pentaskan perubahan dengan git add, cipta commit, dan baca git status serta git log untuk memahami sejarahnya.

Pelajaran 1 daripada 413 langkah

git init add commit dan status ialah pelajaran Frontend Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Frontend Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Frontend Academy merangkumi sejumlah 4 pelajaran.

Mengapa Kawalan Versi?

Git menjejak setiap perubahan pada kod anda dari semasa ke semasa. Anda boleh melihat perkara yang berubah, bila perubahan itu berlaku dan sebabnya. Kesilapan boleh dipulihkan. Beberapa orang boleh bekerja pada pangkalan kod yang sama. Setiap pasukan profesional menggunakan Git.

git init — Mulakan Repositori

Jalankan git init dalam mana-mana folder untuk memulakan repositori Git. Git mencipta direktori tersembunyi .git yang menyimpan keseluruhan sejarah projek.

mkdir my-project && cd my-project
git init
# Initialized empty Git repository in ./my-project/.git/

Tiga Kawasan

Git mempunyai tiga kawasan: Direktori Kerja (fail yang anda sunting), Kawasan Persediaan (fail yang ditandakan untuk komit seterusnya), Repositori (sejarah yang telah dikomit). Kawasan persediaan membolehkan anda membentuk komit yang tepat.

git status — Apakah yang Berubah?

git status menunjukkan fail yang belum dijejak, diubah suai atau dipentaskan. Gunakannya secara berterusan semasa aliran kerja anda untuk memahami keadaan semasa.

git status
# Output:
# On branch main
# Changes not staged for commit:
#   modified: index.html
# Untracked files:
#   styles.css

git add — Pentaskan Perubahan

git add filename mementaskan fail tertentu. git add . mementaskan semua perubahan dalam direktori semasa. git add -p mementaskan perubahan secara interaktif (bahagian demi bahagian).

git add index.html           # stage one file
git add src/                 # stage a directory
git add .                    # stage everything
git add -p                   # interactive staging

git commit — Simpan Syot

git commit -m 'message' mencipta syot kekal bagi perubahan yang telah dipentaskan. Mesej tersebut hendaklah menerangkan sebab perubahan dibuat, bukan perubahannya. Setiap komit mempunyai cincangan SHA yang unik.

git commit -m 'feat: add user authentication form'
git commit -m 'fix: correct email validation regex'
git commit -m 'refactor: extract validation into helper function'

Komit Konvensional

Banyak pasukan menggunakan format Komit Konvensional: type(scope): description. Jenis yang biasa: feat, fix, refactor, test, docs, chore, perf. Format ini membolehkan penjanaan log perubahan automatik dan pemversian semantik.

feat(auth): add Google OAuth login
fix(cart): prevent duplicate item addition
docs(api): add rate limit documentation
chore(deps): upgrade React to 18.3

git log — Lihat Sejarah

git log menunjukkan sejarah komit. git log --oneline menunjukkan paparan ringkas dengan satu baris bagi setiap komit. git log --graph melukis struktur cabang.

git log --oneline --graph
# * a1b2c3d feat: add dark mode toggle
# * d4e5f6g fix: resolve mobile nav overflow
# * 7h8i9j0 refactor: extract theme hook

git diff — Lihat Perubahan

git diff menunjukkan perubahan yang belum dipentaskan. git diff --staged menunjukkan perubahan yang telah dipentaskan. git diff HEAD menunjukkan semua perubahan sejak komit terakhir.

Fail .gitignore

Senaraikan fail dan direktori yang hendak dikecualikan daripada kawalan versi dalam .gitignore. Sentiasa abaikan node_modules, .env, dist dan direktori build. GitHub menyediakan templat gitignore untuk setiap bahasa dan rangka kerja.

# .gitignore
node_modules/
dist/
.env
.env.local
*.log
.DS_Store
coverage/

git restore — Batalkan Perubahan yang Belum Dipentaskan

git restore filename membuang perubahan pada fail dalam direktori kerja, lalu mengembalikannya kepada versi yang terakhir dikomit. Tindakan ini merosakkan — perubahan akan hilang.

git restore index.html        # discard unstaged changes
git restore --staged file.js  # unstage without losing changes

Semakan Pantas

Apakah yang dilakukan oleh git add .?

Jawab dalam pelajaran interaktif

Imbas Kembali: Perintah Teras Git

git init memulakan repositori. git status menunjukkan keadaan semasa. git add mementaskan fail. git commit menyimpan syot bersama mesej. git log menunjukkan sejarah. git diff menunjukkan perubahan. .gitignore mengecualikan fail. Sentiasa tulis mesej komit yang bermakna dan menerangkan sebab, bukan perkara yang berubah.

Percuma untuk bermula

Pelajari HTML dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 41
Pelajaran: 163

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “git init add commit dan status” percuma?

Ya — teks penuh “git init add commit dan status” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Frontend Academy, tingkat taraf kepada CoddyKit PRO. Kursus Frontend Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “git init add commit dan status”?

Mulakan repositori, pentaskan perubahan dengan git add, cipta commit, dan baca git status serta git log untuk memahami sejarahnya. Anda berlatih Frontend Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Frontend Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Frontend Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “git init add commit dan status” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Frontend Academy ini?

Ya. Setiap pelajaran Frontend Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Frontend Academy