Kawalan Versi dalam Kod Visual Studio dengan Git [Panduan]

Sokongan Git Bersepadu adalah salah satu ciri terbesar Visual Studio Code, editor kod sumber Microsoft baru. Git adalah a sistem kawalan versi diedarkan, yang membolehkan anda untuk mengesan kerja anda, bergerak bolak-balik antara versi, dan bekerja di cawangan yang berbeza pada masa yang sama. Ia juga digunakan oleh Github, perkhidmatan hosting repositori Git popular.

Kod Studio Visual menyokong Git secara lalai, yang bermaksud anda tidak perlu memasang sebarang pakej atau sambungan untuk menggunakannya. Bar Side mengandungi berasingan Git Lihat anda dengan cepat boleh membuka dengan mengklik pada Git ikon dalam Bar Lihat (lihat bahagian Kod VS), atau dengan menekan butang Ctrl + Shift + G.

Pasang Git

Sebagai Kod Visual Studio menggunakan pemasangan Git komputer anda, pertama anda perlu memasang Git. Anda boleh memuat turunnya dari laman web rasmi Git. Anda perlu memasang sekurang-kurangnya versi 2.0.0 untuk membuat ciri Git Kod VS berfungsi dengan baik.

Walaupun Visual Studio Code membolehkan anda menguruskan Git secara visual, jika anda juga ingin belajar bagaimana menggunakan Git dari baris perintah, berikut adalah beberapa sumber yang berguna:

• Tutorial git interaktif Github
• Atlassian's Git tutorial - Atlassian adalah syarikat di belakang Bitbucket source code hosting platform (mirip dengan Github)
• Lembaran Menipu Git Atlassian (PDF) - ini adalah cara terpantas jika anda sudah menggunakan Git, tetapi jangan ingat satu atau dua perintah
• Buku panduan Pro Git keseluruhan

Inisialkan Repositori Anda

Jika ruang kerja anda belum dikesan oleh Git, pertama anda perlu memulakan repositori baru. Untuk berbuat demikian, klik pada butang repository Initialize git di Git View.

Kod VS akan mencipta .git folder di dalam ruang kerja anda (anda tidak boleh melihatnya dari Kod VS, kerana ia adalah direktori tersembunyi, tetapi anda boleh menemuinya dalam pengurus fail anda dalam folder root projek anda), dan ia juga akan tambah fail anda yang tidak terjawab ke Bar sisi.

Perubahan Peringkat

Setelah repositori Git anda disediakan, sudah tiba masanya buat komit awal anda (komit adalah keadaan tercatat repositori keseluruhan anda, kemudian anda boleh kembali ke). Sebelum melakukan, anda perlu menambah fail yang anda mahu menjejaki dengan Git ke kawasan pementasan, atau dengan kata lain anda perlu tingkatkan perubahan. Klik pada butang + yang muncul di hover di sebelah setiap fail untuk memajukannya.

Selepas anda mengklik pada fail yang anda ingin panggung, Visual Studio Code bergerak dari Perubahan folder ke Perubahan berperingkat folder, yang bermaksud sekarang ini di kawasan pementasan. Jika anda mahu pentas semua fail anda sekaligus, ada butang + bersebelahan dengan Perubahan sarikata juga (kelihatan pada hover), dan klik padanya.

Buat perubahan

Perubahan berperingkat belum direkodkan, anda juga perlu komit mereka, supaya kemudian anda boleh melihat atau bergerak kembali ke keadaan semasa repositori anda. Untuk melakukan perubahan berperingkat, anda perlu tambah mesej komit yang menerangkan perubahan yang anda buat sejak komit sebelumnya.

Seperti dalam contoh kita, ini akan menjadi komit awal, mari kita gunakan yang menarik “Komited Permulaan” mesej. Taip mesej komit anda ke dalam bar input di bahagian atas Bar Side, dan klik pada ikon tick kecil. Kini anda sudah bersedia dengan komit pertama anda, keadaan awal repositori anda direkodkan.

Direktori kerja Git anda bersih, semua perubahan yang anda buat setakat ini dijejaki, dan Git View anda mengatakan terdapat 0 perubahan (ia selalu membandingkan dengan komitmen terakhir anda). Jika anda membuat perubahan baru di ruang kerja anda, perubahan baru akan muncul semula di Bar Side, dan anda perlu komit mereka lagi sebaik sahaja mereka mencapai jumlah yang patut dilakukan.

Pada tangkapan skrin di bawah, anda dapat melihat bagaimana editor kod anda perlu kelihatan betul selepas melakukan.

Ikut Perubahan

Apabila anda meneruskan kerja anda, jika anda tidak pasti bagaimana versi semasa membandingkan dengan komitmen terakhir anda, anda boleh menyemak perbezaan dengan cepat. Dalam Git View, anda hanya perlu klik dua kali pada fail yang anda hendak analisa, dan Kod VS akan menunjukkan versi semasa dan sebelumnya bersebelahan, supaya anda boleh cepat bandingkan mereka.

Apabila bercakap tentang perubahan berikut, penting juga untuk mengetahui tentang Visual Studio Code penunjuk longkang yang memberi penjelasan perubahan berbanding dengan komitmen anda sebelum ini, walaupun pandangan sampingan tidak terbuka. Penggunaan Kod VS 3 jenis petunjuk longkang:

1. a segi tiga merah untuk setiap penghapusan garis
2. a bar hijau untuk setiap penambahan garis
3. a bar biru untuk setiap pengubahsuaian talian

Buat Cawangan

Git membolehkan anda kerja di cawangan yang berbeza pada masa yang sama. Ini bukan sahaja baik untuk bereksperimen dengan penyelesaian baru, tetapi juga boleh membantu memudahkan kerja berpasukan di mana pemaju boleh bekerja di cawangan yang berbeza (namun ini tidak wajib, kerana mereka juga boleh tinggal di cawangan yang sama).

Dalam Kod Visual Studio, anda boleh mewujudkan cawangan baru dengan membuka palet Cepat Terbuka dengan memukul Ctrl + P (Cmd + P pada Mac), kemudian menaipnya cawangan git arahan ke bar input. Anda juga perlu menambah nama cawangan baru anda hingga akhir arahan.

Oleh kerana nama cawangan baru dalam contoh kami akan menjadi cawangan ujian, Saya akan menggunakannya cawangan ujian cabang cawangan arahan, tetapi anda boleh menggunakan nama lain. Di sebelah kiri bar status (bar biru di bahagian bawah skrin), anda sentiasa boleh menyemak dengan cepat cawangan yang sedang anda kerjakan. Pada tangkapan skrin di bawah, anda dapat melihat bahawa saya sedang berada di tuan cawangan.

Cawangan Checkout

Untuk beralih antara cawangan, jenis gut checkout ke dalam palet Pantas Terbuka (Ctrl + P / Cmd + P), dan anda boleh memilih dari cawangan anda yang ada. Pada tangkapan skrin di bawah, anda boleh melihat dari bar status yang pada masa ini dipanggil cawangan ujian (Saya buat selepas itu cawangan ujian), dan jika saya mahu berpindah ke cawangan lain, saya kini boleh memilih dari tuan dan cawangan ujian cawangan.

Gunakan Git Commands dari Palette Command

Anda boleh mengakses arahan Git dari Command Palette (F1 pada Windows dan Linux, Shift + Cmd + P pada Mac) juga. Anda tidak perlu melakukan apa-apa lagi, hanya taip arahan Git di dalam Palet Perintah, dan anda mendapat senarai dropdown bagi arahan yang ada yang boleh anda pilih dengan cepat.

Operasi Git Lanjutan

Setakat ini, kami telah melihat cara menggunakan operasi Git asas dalam Kod Visual Studio untuk menjejaki kerja kami. Kod Studio VS juga mempunyai ciri-ciri Git yang maju, seperti menguruskan repositori jauh, menggabungkan konflik, dan anda juga boleh mengkonfigurasi Kod VS sebagai editor Git luaran anda.

Visual Studio Code Marketplace juga mengandungi sambungan berkaitan Git yang dapat menjadikan aliran kerja Git anda lebih profesional.

Saya sendiri mendapati pelanjutan Sejarah Git menjadi sangat berguna, kerana ia memungkinkan untuk dengan cepat melihat butir-butir setiap komit, dan untuk membandingkan mana-mana dua komitmen sebelumnya bersebelahan. Anda juga boleh membaca mengenai pelanjutan Sejarah Git dalam artikel saya sebelum ini mengenai sambungan Kod VS untuk pemaju front-end.