Beranda » Coding » Cara Mengelola Proyek Git dan GitHub dengan Atom

    Cara Mengelola Proyek Git dan GitHub dengan Atom

    Berita bagus untuk teman-teman pengembang saya; Integrasi Git dan GitHub baru saja dikirim dengan rilis Atom baru. Fitur baru tersedia sebagai beta untuk sementara waktu tetapi sekarang dengan Atom 1.18, itu siap digunakan untuk masyarakat umum juga. Mulai sekarang, kamu bisa melakukan operasi Git dan GitHub yang umum tanpa meninggalkan editor kode.

    Ketika Atom dimulai Alat internal GitHub, langkah mengintegrasikan Git dan GitHub tidak terlalu mengejutkan, namun itu akan lebih jauh meningkatkan alur kerja pengembangan Atom tentunya. Dengan rilis baru, Atom juga memperkuat posisinya dalam adegan editor kode, karena Visual Studio Code telah menawarkan fitur yang sama untuk sementara waktu..

    Inisialisasi repositori Git

    Atom mendapat dua tab baru, satu untuk Git dan lain untuk GitHub, di mana Anda dapat menangani operasi Git Anda. Anda dapat mengaksesnya dengan mengeklik Lihat> Toggle Git Tab / Toggle GitHub Tab menu di bilah menu atas, atau dengan mengklik ikon hover kecil di sebelah kanan panel editor.

    (Jika bilah menu atas Anda tersembunyi, Anda dapat mengungkapkannya dengan menekan tombol Alt.)

    Anda juga dapat menggunakan yang berikut ini pintasan keyboard untuk mengakses tab:

    • Git Tab: Ctrl + Shift + 9
    • Tab GitHub: Ctrl + Shift + 8

    Klik tautan Buat repositori tombol dan pilih folder tempat repo Anda ingin disimpan. Akhirnya, klik +Init tombol.

    Dan itu saja, milikmu Repositori Git telah diinisialisasi tanpa harus menyentuh baris perintah. Ini adalah bagaimana layar starter dari repo Git kosong terlihat seperti:

    Seperti yang Anda lihat, tata letaknya senyaman mungkin. Kamu dapat melihat perubahan bertahap dan tidak bertahap di bawah satu sama lain, dan membuat komitmen kapan saja. Plus, kamu bisa aktifkan dan matikan tab Git dengan hanya menekan ikon> kecil.

    walaupun “Proyek” panel di sisi kiri tidak menunjukkannya, repo, sebagaimana mestinya, mengandung yang tersembunyi .git map dengan pengaturan Git Anda.

    Perubahan panggung

    Saya dengan cepat membuat dua file uji, index.html dan style.css, untuk melihat bagaimana pementasan bekerja.

    Atom menempatkan kedua file ke dalam “Perubahan Tidak Bertahap” bagian di panel Git di sebelah kanan. Dan, di “Proyek” panel di sebelah kiri, nama-nama file yang tidak dipentaskan muncul berwarna hijau.

    Ada tiga jalan Anda dapat melakukan perubahan:

    1. File Panggung - tahap hanya satu file individual
    2. Pemilihan Tahap - tahapan bagian dari file tertentu
    3. Tahap Semua - tahap semua file yang tidak dipentaskan
    Tahap satu file atau seleksi individual

    Jika Anda ingin mem-stage hanya satu file maka cukup klik pada nama file dalam “Perubahan Tidak Bertahap” bagian. Tab baru akan terbuka di panel editor tempat Anda dapat memilih jika Anda mau tahap seluruh file (File Panggung) atau hanya pilihan itu (Pemilihan Tahap).

    Panggung semua file yang tidak dipentaskan

    Jika Anda ingin panggung semua file yang tidak dipentaskan sekaligus cukup klik Tahap Semua menu di sudut kanan atas tab Git.

    File yang dipentaskan adalah pindah ke “Perubahan bertahap” bagian. Dan, jika Anda berubah pikiran, Anda bisa unstage mereka dengan mengklik Hapus Tahapan Semua di bagian atas menu “Perubahan bertahap” bagian.

    Komit perubahan

    Itu “Perubahan Tahap” Bagian ini pada dasarnya milik Anda area pementasan. Ketika Anda mencapai tonggak sejarah dalam pengembangan, Anda perlu melakukan perubahan. Dengan melakukan, Anda simpan keadaan sesaat dari proyek ke dalam sistem kontrol versi Git sehingga Anda dapat kembali ke sana (jika Anda mau) tanpa kehilangan apa pun.

    Untuk melakukan area pementasan Anda, ketikkan pesan komit (yang secara singkat menjelaskan perubahan yang Anda buat sejak komit terakhir) ke dalam Pesan komit kotak, dan klik tombol Komit.

    Akibatnya, keduanya “Perubahan Tidak Bertahap” dan “Perubahan bertahap” bagian akan dihapus dan warna nama file di “Proyek” pane akan diubah kembali menjadi putih.

    Operasi Git lainnya

    Ada banyak operasi Git lain yang juga dapat Anda lakukan langsung dari editor Atom. Misalnya, Anda bisa buat cabang baru dengan mengklik pada nama cabang di bagian bawah tab Git. Di sini, Anda juga bisa beralih di antara cabang-cabang yang berbeda.

    Namun, belum semua operasi Git tersedia dari Atom. Misalnya, Anda tidak dapat menghapus cabang, atau membuat konfigurasi. Untuk melakukan tugas-tugas ini, Anda masih harus melakukannya gunakan baris perintah. Integrasi Git Atom masih sangat baru, jadi mudah-mudahan, dukungan akan ditambahkan ke ini operasi yang jarang digunakan di masa depan.

    Anda dapat mengakses daftar semua fitur yang berhubungan dengan Git melalui Palet Perintah dengan menggunakan Ctrl + Shift + P binding kunci dan mengetik “Git” ke dalamnya.

    Mengkloning repositori GitHub

    Fitur integrasi Git baru Atom tidak hanya berfungsi secara lokal tetapi Anda juga bisa mengkloning repositori GitHub demikian juga.

    Untuk melakukannya, buka Command Palette dengan menekan Ctrl + Shift + P dan pilih menu GitHub: Klon perintah. Kemudian, tambahkan URL tempat Anda ingin mengkloning (URL repo GitHub) dan folder tempat Anda ingin mengkloning repo. Akhirnya, klik tombol Klon.

    Otorisasi GitHub untuk Atom

    Untuk buat perubahan dalam proyek GitHub, kamu butuh otorisasi GitHub untuk Atom. Ikuti instruksi yang Anda lihat di dalam tab GitHub Atom. Pertama, kunjungi github.atom.io/login URL dan masuk ke akun GitHub Anda. Di sini, kamu bisa menghasilkan token yang dengannya Anda dapat melakukan otorisasi.

    Masukkan token otorisasi ke dalam kolom input yang dapat Anda lihat di tab GitHub Atom dan masuk ke akun Anda.

    Dari sini, Anda dapat mengakses tiga operasi GitHub yang paling umum: ambil, dorong, dan tarik permintaan dengan mengklik ikon panah bawah di bagian bawah tab GitHub.