Έλεγχος έκδοσης σε κώδικα Visual Studio με Git [Οδηγός]

Ενσωματωμένη υποστήριξη Git είναι ένα από τα μεγαλύτερα χαρακτηριστικά του Visual Studio Code, του νέου επεξεργαστή πηγαίου κώδικα της Microsoft. Το Git είναι α διανεμημένο σύστημα ελέγχου έκδοσης, που σας επιτρέπει να παρακολουθείτε την εργασία σας, να μετακινείτε εμπρός και πίσω μεταξύ των εκδόσεων και να εργάζεστε σε διαφορετικούς κλάδους ταυτόχρονα. Χρησιμοποιείται επίσης από το Github, τη δημοφιλή υπηρεσία φιλοξενίας Git repository.

Κώδικας Visual Studio υποστηρίζει το Git από προεπιλογή, πράγμα που σημαίνει ότι δεν χρειάζεται να εγκαταστήσετε πακέτα ή επεκτάσεις για να το χρησιμοποιήσετε. Η πλευρική γραμμή περιέχει ξεχωριστή Git Προβολή μπορείτε να ανοίξετε γρήγορα κάνοντας κλικ στο Git στην μπάρα προβολής (ανατρέξτε στα τμήματα του κώδικα VS) ή πατώντας το πλήκτρο Ctrl + Shift + G.

Εγκαταστήστε το Git

Ως κώδικας Visual Studio χρησιμοποιεί την εγκατάσταση Git του υπολογιστή σας, πρώτα πρέπει να εγκαταστήσετε το Git. Μπορείτε να το κατεβάσετε γρήγορα από την επίσημη ιστοσελίδα του Git. Πρέπει να εγκαταστήσετε τουλάχιστον έκδοση 2.0.0 για να κάνουν τις λειτουργίες Git του κώδικα VS να λειτουργούν σωστά.

Αν και ο Visual Studio Code σας επιτρέπει να διαχειριστείτε οπτικά το Git, εάν θέλετε επίσης να μάθετε πώς να χρησιμοποιείτε το Git από τη γραμμή εντολών, μπορείτε να βρείτε μερικούς χρήσιμους πόρους:

• Το διαδραστικό Git tutorial του Github
• Το Atlassian's Git tutorial - Η Atlassian είναι η εταιρεία πίσω από την πλατφόρμα φιλοξενίας πηγαίου κώδικα Bitbucket (παρόμοια με την Github)
• Το Git Cheat Sheet της Atlassian (PDF) - αυτός είναι ο πιο γρήγορος τρόπος αν έχετε ήδη χρησιμοποιήσει το Git, αλλά δεν θυμάστε μία ή δύο εντολές
• Το σύνολο του εγχειριδίου Pro Git

Αρχικοποιήστε το χώρο αποθήκευσης

Εάν ο χώρος εργασίας σας δεν έχει εντοπιστεί ακόμα από το Git, πρώτα πρέπει να το κάνετε αρχικοποιήστε ένα νέο αποθετήριο. Για να το κάνετε αυτό, κάντε κλικ στο κουμπί Initialize git repository στην προβολή Git.

Ο κώδικας VS θα δημιουργήσει ένα .git φάκελο μέσα στο χώρο εργασίας σας (δεν μπορείτε να το δείτε από τον κώδικα VS, καθώς είναι ένας κρυφός κατάλογος, αλλά μπορείτε να τον βρείτε στο διαχειριστή αρχείων στον ριζικό φάκελο του έργου σας) και θα προσθέστε τα μη κρυπτογραφημένα αρχεία σας στην πλευρική γραμμή.

Αλλαγές σταδίου

Μετά την εγκατάσταση του αποθετηρίου Git, ήρθε η ώρα να δημιουργήστε την αρχική δέσμευσή σας (μια δέσμευση είναι μια καταγεγραμμένη κατάσταση ολόκληρου του αποθετηρίου σας, στην οποία μπορείτε αργότερα να επιστρέψετε). Πριν από τη δέσμευση, πρέπει να προσθέσετε τα αρχεία που θέλετε να παρακολουθήσετε με το Git στην περιοχή σταδιοδρομίας ή με άλλα λόγια πρέπει να στάδιο των αλλαγών. Κάντε κλικ στο κουμπί + που εμφανίζεται στο δείκτη του ποντικιού δίπλα σε κάθε αρχείο για να τα τοποθετήσετε.

Αφού κάνετε κλικ στα αρχεία που θέλετε να εμφανιστούν, ο κώδικας του Visual Studio μετακινείται από το Αλλαγές φάκελο στο Σταδιακές αλλαγές φάκελο, αυτό σημαίνει ότι τώρα είναι στην περιοχή αναμονής. Αν θέλεις στάδιο όλα τα αρχεία σας ταυτόχρονα, υπάρχει ένα κουμπί + δίπλα στο Αλλαγές υπότιτλος επίσης (εμφανίζεται στο δείκτη του ποντικιού) και κάντε κλικ σε αυτό.

Επαναλάβετε τις αλλαγές

Οι σταδιακές αλλαγές δεν έχουν ακόμη καταγραφεί, πρέπει επίσης να κάνετε δεσμεύστε τα, έτσι ώστε αργότερα μπορείτε να ρίξετε μια ματιά ή να επιστρέψετε στο τρέχουσα κατάσταση του αποθετηρίου σας. Για να δεσμεύσετε τις σταδιακές αλλαγές, πρέπει να κάνετε προσθέστε ένα μήνυμα δέσμευσης που περιγράφει τις αλλαγές που κάνατε από την προηγούμενη δέσμευσή σας.

Όπως στο παράδειγμά μας αυτό θα είναι η αρχική δέσμευση, ας χρησιμοποιήσουμε το εντυπωσιακό “Αρχική δέσμευση” μήνυμα. Πληκτρολογήστε το μήνυμα δέσμευσης στη γραμμή εισόδου στο επάνω μέρος της πλευρικής μπάρας και κάντε κλικ στο κουμπί στο εικονίδιο του μικρού τσιμπουριού. Τώρα είστε έτοιμοι με την πρώτη σας δέσμευση, καταγράφεται η αρχική κατάσταση του αποθετηρίου σας.

Ο κατάλογος εργασίας Git σας είναι καθαρός, όλες οι αλλαγές που κάνατε μέχρι τώρα εντοπίζονται και το Git View σας λέει ότι υπάρχουν 0 αλλαγές (πάντα συγκρίνεται με την τελευταία σας δέσμευση). Εάν πραγματοποιήσετε νέες αλλαγές στο χώρο εργασίας σας, οι νέες αλλαγές θα εμφανιστούν ξανά στην πλευρική γραμμή και θα χρειαστεί να κάνετε να τους δεσμεύσετε ξανά μόλις φτάσουν στο ποσό που αξίζει να διαπράξουν.

Στο παρακάτω στιγμιότυπο οθόνης μπορείτε να δείτε πώς πρέπει να εμφανίζεται ο κώδικας επεξεργασίας σας αμέσως μετά τη δέσμευση.

Ακολουθήστε τις αλλαγές

Όταν συνεχίζετε με την εργασία σας, αν δεν είστε σίγουροι για το πώς η τρέχουσα έκδοση συγκρίνεται με την τελευταία σας δέσμευση, μπορείτε να ελέγξετε γρήγορα τις διαφορές. Στην προβολή Git, πρέπει μόνο να το κάνετε κάντε διπλό κλικ στο αρχείο που θέλετε να αναλύσετε, και ο κώδικας VS θα εμφανίσει την τρέχουσα και την προηγούμενη έκδοση παράλληλα, έτσι μπορείτε γρήγορα να τα συγκρίνετε.

Όταν μιλάτε για τις ακόλουθες αλλαγές, είναι επίσης σημαντικό να γνωρίζετε για τον κώδικα του Visual Studio δείκτες υδρορροής που σχολιάζουν τις αλλαγές σε σχέση με την προηγούμενη δέσμευσή σας, ακόμα και όταν η προβολή δίπλα-δίπλα δεν είναι ανοιχτή. VS Code χρησιμοποιεί 3 είδη δεικτών υδρορροής:

1. ένα κόκκινο τρίγωνο για κάθε διαγραφή γραμμής
2. ένα πράσινο μπαρ για κάθε προσθήκη γραμμής
3. ένα μπλε μπαρ για κάθε τροποποίηση γραμμής

Δημιουργία υποκαταστημάτων

Git σας επιτρέπει να εργασία σε διάφορους κλάδους Την ίδια στιγμή. Αυτό δεν είναι μόνο καλό για τον πειραματισμό με νέες λύσεις, αλλά μπορεί επίσης να διευκολύνει σημαντικά την ομαδική εργασία όπου οι προγραμματιστές μπορούν να εργαστούν σε διαφορετικούς κλάδους (ωστόσο αυτό δεν είναι υποχρεωτικό, καθώς μπορούν επίσης να παραμείνουν στον ίδιο κλάδο).

Στο Visual Studio Code, μπορείτε δημιουργία νέων υποκαταστημάτων ανοίγοντας την παλέτα Quick Open πατώντας Ctrl + P (Cmd + P σε Mac), πληκτρολογώντας το git branch εντολή στη γραμμή εισόδου. Πρέπει επίσης να προσθέσετε το όνομα του νέου σας υποκαταστήματος στο τέλος της εντολής.

Όπως το όνομα του νέου υποκαταστήματος στο παράδειγμά μας θα είναι δοκιμαστικού κλάδου, Θα χρησιμοποιήσω το git υποκατάστημα δοκιμής υποκατάστημα εντολή, αλλά μπορείτε να χρησιμοποιήσετε οποιοδήποτε άλλο όνομα. Στην αριστερή πλευρά της γραμμής κατάστασης (μπλε γραμμή στο κάτω μέρος της οθόνης) μπορείτε πάντα να ελέγξετε γρήγορα ποιο υποκατάστημα εργάζεστε επί του παρόντος. Στο παρακάτω στιγμιότυπο οθόνης, μπορείτε να δείτε ότι βρίσκομαι επί του παρόντος στο κύριος κλαδί.

Καταστήματα ελέγχου

Προς το εναλλαγή μεταξύ υποκαταστημάτων, τύπος git checkout στην παλέτα Quick Open (Ctrl + P / Cmd + P) και μπορείτε να επιλέξετε από τα διαθέσιμα υποκαταστήματά σας. Στο παρακάτω στιγμιότυπο οθόνης, μπορείτε να δείτε από τη γραμμή κατάστασης που είμαι σήμερα στο υποκατάστημα που καλείται δοκιμή (Το δημιούργησα μετά δοκιμαστικού κλάδου), και αν θέλω να μετακομίσω σε διαφορετικό κλάδο, μπορώ τώρα να επιλέξω από το κύριος και δοκιμαστικού κλάδου κλαδια δεντρου.

Χρησιμοποιήστε τις εντολές Git από την παλέτα εντολών

Μπορείτε να αποκτήσετε πρόσβαση στις εντολές Git από την παλέτα εντολών (F1 σε Windows και Linux, Shift + Cmd + P σε Mac). Δεν χρειάζεται να κάνετε τίποτα άλλο, απλώς πληκτρολογήστε την εντολή Git μέσα στην εντολή παλέτα εντολών, και μπορείτε να πάρετε μια αναπτυσσόμενη λίστα των διαθέσιμων εντολών που μπορείτε να διαλέξετε γρήγορα.

Προηγμένες λειτουργίες Git

Μέχρι στιγμής, εξετάσαμε πώς μπορούμε να χρησιμοποιήσουμε τις βασικές λειτουργίες Git στον κώδικα Visual Studio για να παρακολουθήσουμε την εργασία μας. Ο κώδικας VS Studio έχει προηγμένες λειτουργίες Git, όπως διαχείριση απομακρυσμένων αποθετηρίων, συγχώνευση συγκρούσεων και μπορείτε ακόμη να ρυθμίσετε τον κώδικα VS ως τον εξωτερικό σας επεξεργαστή Git.

Το Visual Studio Code Marketplace περιέχει επίσης επεκτάσεις που σχετίζονται με το Git και μπορούν να κάνουν την δουλειά σας Git ακόμα πιο επαγγελματική.

Εγώ ο ίδιος βρήκα την επέκταση της ιστορίας Git να είναι πολύ χρήσιμη, καθιστώντας δυνατή τη γρήγορη εξέταση των λεπτομερειών κάθε δέσμευσης και να συγκρίνουμε δύο προηγούμενες δεσμεύσεις δίπλα-δίπλα. Μπορείτε επίσης να διαβάσετε την επέκταση ιστορικού Git στο προηγούμενο άρθρο μου σχετικά με τις επεκτάσεις κώδικα VS για προγραμματιστές front-end.