‫Jonas: Sekarang mari kita
‫membahas dasar-dasar Git dengan sangat cepat,
‫dan ini sama sekali bukan gambaran lengkap tentang Git.
‫Yang ingin saya lakukan di
‫sini adalah membantu Anda memulai Git
‫secepat mungkin sehingga kami dapat menyebarkan proyek kami ke Heroku.
‫Dan seperti yang saya sebutkan di
‫video terakhir, saya akan mulai menggunakan Git di baris perintah sekarang, oke?
‫Dan sebenarnya saya menggunakan
‫terminal di sini di VS Code lagi.
‫Jadi sekarang mari kita keluar dari proses saat ini di sini, oke?
‫Dan sekarang di folder proyek
‫lokal kami, buat
‫repositori baru, dan kami melakukannya dengan menulis git init, oke?
‫Tekan Enter dan hanya itu.
‫Jadi kita baru saja menginisialisasi repositori Git yang kosong, atau
‫kita juga bisa menyebutnya sebagai repo saja.
‫Jadi itu sedikit lebih mudah untuk dikatakan.
‫Jadi, sekali lagi, untuk membuat repositori baru, atau
‫repo, untuk proyek Anda,
‫Anda perlu menavigasi ke folder proyek
‫itu, yang di sini di VS Code terjadi secara otomatis.
‫Jadi kami secara otomatis berada di sini
‫di folder Beranda dan kemudian di sana Anda
‫menulis git init, dan kemudian memutar repositori baru ini.
‫Dan di sini, di baris perintah saya,
‫Anda sebenarnya dapat melihat bagian kuning ini sekarang di sini dari prompt,
‫dan mungkin di terminal Anda, Anda tidak akan memilikinya, dan
‫itu tidak terlalu penting.
‫Jadi maksudnya di sini adalah
‫bahwa sekarang kita memiliki repositori dengan cabang yang disebut master, oke?
‫Dan sedikit lebih banyak tentang cabang master nanti.
‫Bagaimanapun, sebelum kita melakukan hal lain, mari
‫buat file khusus bernama gitignore, dan di sana kita
‫akan menambahkan semua file
‫yang tidak ingin kita miliki di repositori kita.
‫Jadi itu jenis file konfigurasi
‫seperti ini lebih cantik atau konfigurasi eslint.
‫Jadi saya bisa membuat yang baru di sini.
‫Outputnya di sini.
‫Jadi . .gitignore, seperti ini, oke?
‫Dan VS Code, sebenarnya
‫sekali lagi, sudah mengenali file ini
‫dan menambahkan simbol bagus ini ke dalamnya.
‫Dan folder pertama
‫yang sebenarnya ingin kita abaikan adalah folder
‫node_modules, jadi kita tulis node_modules, oke?
‫Berikan waktu sebentar dan
‫kemudian juga ingin mengabaikan file konfigurasi.
‫Jadi semua file variabel lingkungan.
‫Jadi kita bisa mengatakan semua . file env, oke?
‫Jadi folder node_modules, kami benar-benar
‫tidak ingin di repositori kami karena itu tidak perlu.
‫Jadi, misalnya, jika kita akan mengunggah
‫repositori kita ke GitHub, kita tidak ingin mengunggah puluhan ribu
‫file ini karena begitu kita mengunduh proyek
‫dari GitHub di tempat
‫lain, kita dapat dengan mudah mendapatkan
‫folder node_modules kembali dengan menulis npm install, kan?
‫Jadi perlu diingat bahwa Git juga tentang berbagi, bukan
‫hanya tentang menyimpan kode Anda dengan snapshot dari waktu ke
‫waktu, tetapi juga tentang semua kolaborasi ini.
‫Sekarang di sini, di Kode VS di sisi
‫kiri ini, kami sebenarnya memiliki integrasi ini dengan Git.
‫Jadi jika Anda mengklik di sini,
‫Anda akan melihat semua file yang ditandai sebagai diubah.
‫Nah, sekarang kita tidak melihat
‫apapun di sini, jadi mari kita muat ulang, tetapi mereka masih tidak
‫muncul di sini, dan saya pikir
‫itu karena kami awalnya memiliki terlalu banyak
‫file di node_modules, dan sekarang VS Code agak bingung dengan itu.
‫Mari kita periksa Masalah kita.
‫Tidak, itu tidak ada hubungannya dengan itu, oke?
‫Tapi, bagaimanapun, itu tidak terlalu penting, oke?
‫Yang penting adalah sekarang kita sebenarnya juga dapat
‫melihat semua file yang dimodifikasi ini dengan menulis status git.
‫Seperti ini, oke?
‫Jadi di sini sekarang semua file dan folder yang
‫pada dasarnya belum di-commit ke repositori kami.
‫Jadi Git adalah tentang komit, jadi sekarang mari kita
‫pelajari bagaimana kita bisa mengkomit file ke repositori,
‫dan itu semacam proses dua langkah.
‫Pertama kita perlu menambahkan file ke area yang disebut staging,
‫dan hanya setelah mereka berada di
‫area ini, kita dapat
‫mengkomit semua file yang ada ke komit baru, oke?
‫Jadi mari kita lakukan itu.
‫Jadi git add, dan kemudian jika saya
‫ingin menambahkan semua file, saya cukup menulis -A, benar?
‫Jadi itu memakan sedikit
‫waktu sekarang karena ada begitu banyak
‫file, dan sekarang jika saya menulis status
‫git lagi, mari kita lihat, sekarang semuanya benar-benar hijau.
‫Jadi di sini Anda dapat melihat banyak sekali
‫file ini yang sekarang akan ditambahkan ke git commit kami, oke?
‫Sekarang, sebenarnya, saya tidak ingin file yang di-cache ini ada
‫di folder cache ini,
‫jadi mari kita cepat-cepat menyingkirkan folder ini.
‫Oke, jadi saya berharap mereka pergi sekarang sebenarnya juga dari ini.
‫Jadi mari kita berharap mereka pergi dari sini juga sekarang.
‫Dan hapus, mereka sekarang dihapus, jadi mereka tidak lagi
‫di sini, tetapi mari
‫kita lihat apakah yang lainnya masih ada di sini.
‫Oke, jadi Anda melihat bahwa ini tidak dipentaskan untuk
‫dikomit, tetapi semua
‫file lain ini, sekarang akan dikomit ke repositori.
‫Sekarang mungkin kedengarannya agak membingungkan bagi Anda
‫mengapa pertama-tama kita harus menambahkan file-file ini ke staging area,
‫dan baru kemudian mereka dapat di-commit.
‫Dan alasan cepatnya adalah Anda mungkin ingin
‫menambahkan file yang berbeda untuk komit yang berbeda, oke?
‫Jadi bayangkan Anda mengubah 10 file tetapi
‫hanya ingin mengkomit lima di antaranya ke komit tertentu.
‫Dan dengan pementasan, Anda bisa melakukannya.
‫Tapi kami hanya ingin membuatnya sangat sederhana di sini, jadi
‫kami cukup menambahkan semua file
‫ke area pementasan ini dan kemudian melakukan semuanya.
‫Dan, sebenarnya, mari kita lakukan
‫lagi karena sekarang saya menghapus semua file ini.
‫Jadi mari kita lakukan git add -A lagi, oke?
‫Dan sekarang kita siap untuk
‫mengkomit file dengan menulis git commit
‫-m, dan kemudian kita menentukan pesan komit.
‫Dan pesan ini harus benar-benar menggambarkan
‫perubahan yang Anda lakukan.
‫Sekarang biasanya komit pertama disebut komit awal, jadi mari kita
‫lakukan di sini juga.
‫Jadi komit awal, tekan Return, dan hanya itu.
‫Jadi dengan komit
‫ini kami menyimpan semua modifikasi ke
‫repositori, dan, sekali lagi, komit seperti snapshot
‫dari semua kode pada titik waktu tertentu, oke?
‫Dan jenis filosofinya adalah membuat satu komit baru setiap kali
‫Anda melakukan perubahan signifikan pada basis kode Anda.
‫Jadi konsep komit benar-benar merupakan titik sentral dari Git.
‫Jadi semuanya berputar di sekitar komitmen, oke?
‫Dan sekarang mari kita coba memodifikasi beberapa file di sini.
‫Jadi kita bisa menutup semua ini.
‫Sekarang mari kita buka aplikasi. js di sini, oke?
‫Tutup ini sedikit lagi.
‫Dan di sini katakan saja Mulai aplikasi ekspres.
‫Simpan, dan Anda akan langsung melihatnya di
‫VS Code bagaimana kami mendapatkan garis hijau ini.
‫Dan itu berarti
‫ada sesuatu yang baru disisipkan pada saat ini.
‫Anda sekarang juga dapat
‫mengkliknya dan melihat pada dasarnya bagaimana tampilannya sebelumnya, dan
‫Anda juga dapat, di sini, kembali ke masa lalu.
‫Jadi kembalikan perubahannya.
‫Dan hal yang sama ketika Anda menghapus sesuatu.
‫Jadi mari kita hapus saja baris kode ini.
‫Jadi di sini Anda melihat bahwa
‫sebelumnya pada dasarnya ada sesuatu.
‫Jadi, sekali lagi, Anda dapat
‫mengklik itu dan pada dasarnya melihat apa yang ada sebelumnya.
‫Anda dapat kembali ke masa
‫lalu, jadi mari kita lakukan itu untuk mengembalikannya.
‫Sekarang mari kita coba memuatnya dengan cepat
‫di sini, tetapi untuk beberapa alasan file yang diubah tidak muncul di sini.
‫Jadi, idealnya, sekarang app. js akan ada di
‫daftar ini karena itu adalah file yang baru saja saya edit, oke?
‫Tapi, sekali lagi, itu tidak terlalu penting.
‫Itu juga akan muncul di sini
‫di pohon file ini dengan warna yang berbeda segera setelah saya mengeditnya, oke?
‫Sekarang jika kita mengatakan status git
‫lagi, maka Anda akan melihat di sini dimodifikasi: app. js, oke?
‫Jadi itulah satu-satunya output yang kami
‫miliki di sini, dan Anda
‫juga melihat bahwa perubahan belum dipentaskan untuk komit, oke?
‫Dan sekarang, sekali lagi, mari kita tambahkan semuanya.
‫Jadi git add dan kemudian -A, atau
‫kita juga bisa menambahkan file tunggal ini ke add.
‫Jadi aplikasi. js, oke?
‫Mari kita coba git status lagi, dan sekarang sudah hijau.
‫Dan itu berarti bahwa perubahan akan dilakukan segera
‫setelah kami melakukan komit baru.
‫Jadi mari kita lakukan itu, git commit -m.
‫Untuk pesan, Menambahkan komentar, dan hanya
‫itu.
‫Jadi, Anda lihat, pesan itu menambahkan komentar.
‫Satu file telah berubah dan ada satu penyisipan.
‫Jadi itu baris ini di sini.
‫Dan sekarang bilah hijau yang kita miliki di sini
‫hilang, dan itu berarti semuanya sekarang bersih kembali.
‫Sekarang Anda juga melihat bahwa master ini di sini, Anda
‫juga melihatnya di sini,
‫dan itu berarti bahwa kita berada di cabang master.
‫Jadi cabang adalah konsep lain yang sangat penting di Git, tetapi
‫saya tidak akan membahasnya saat ini.
‫Untuk saat ini kami akan selalu bekerja di cabang master.
‫Bagus, jadi sekarang Anda memiliki repositori lokal dengan
‫semua kode Anda berkomitmen untuk itu.
‫Jadi di video berikutnya, mari
‫kita dorong cabang ini ke cabang jarak jauh di GitHub.
‫Jadi pada dasarnya host di akun GitHub yang
‫baru saja kita buat sebelumnya.
‫Jadi saya berharap dapat melihat Anda di sana segera.