Ανεβάστε την παραγωγικότητα κωδικοποίησης σας στο επόμενο επίπεδο ενσωματώνοντας το ChatGPT με τον κώδικα VS.
Μπορείτε να είστε το αφεντικό των εργασιών σας και να ενισχύσετε την παραγωγικότητά σας όταν μάθετε να αξιοποιείτε τα εργαλεία τεχνητής νοημοσύνης που βγαίνουν καθημερινά από τα ερευνητικά εργαστήρια. Το VS Code διαθέτει την επέκταση ChatGPT για να σας προσφέρει ένα περιβάλλον κωδικοποίησης με δυνατότητα OpenAI.
Μπορείτε να αξιοποιήσετε το τεράστιο μοντέλο κωδικοποίησης του ChatGPT για να ολοκληρώσετε τα έργα σας πιο αποτελεσματικά και πιο γρήγορα—ακριβώς μέσα στο IDE. Ακολουθούν χρήσιμοι τρόποι με τους οποίους μπορείτε να χρησιμοποιήσετε το ChatGPT με VS Code.
Πώς να εγκαταστήσετε και να χρησιμοποιήσετε την επέκταση ChatGPT στον κώδικα VS
Όταν κάνετε αναζήτηση για "ChatGPT" ή "Code GPT" στην αγορά επέκτασης κώδικα VS, εμφανίζονται πολλές σχετικές επεκτάσεις. Σε αντίθεση με το GitHub Copilot, αυτά δεν είναι επίσημα απευθείας από το OpenAI.
Ωστόσο, οι περισσότερες επεκτάσεις VS Code ChatGPT που δειγματοληπτήθηκαν λειτουργούν με τον ίδιο τρόπο. Αλλά θα μείνουμε
Επέκταση ChatGPT του EasyCode για αυτό το άρθρο, καθώς είναι αρκετά καλό για την επίδειξη περιπτώσεων χρήσης ChatGPT στον κώδικα VS. Υποστηρίζει GPT-4 και GPT-3.5, έχει δωρεάν επίπεδο και δεν απαιτεί κλειδί API.Για να εγκαταστήσετε την επέκταση ChatGPT στο VS Code:
- Ανοίξτε το VS Code και κάντε κλικ στο εικονίδιο ρυθμίσεων κάτω αριστερά στην αριστερή πλαϊνή γραμμή.
- Παω σε Επεκτάσεις.
- Εναλλακτικά, πατήστε Ctrl + Shift + X (Command + Shift + X για Mac) για να ανοίξετε απευθείας την αγορά των επεκτάσεων.
- Πληκτρολογήστε "ChatGPT - EasyCode" στη γραμμή αναζήτησης επάνω αριστερά.
- Κάντε κλικ στην επέκταση όταν την δείτε.
- Τέλος, κάντε κλικ Εγκαθιστώ.
- Μόλις εγκατασταθεί, θα δείτε το εικονίδιο της επέκτασης στην αριστερή πλαϊνή γραμμή.
- Κάντε κλικ στο εικονίδιο επέκτασης. Κάντε κλικ Δοκιμάστε χωρίς λογαριασμό. Αλλά μη διστάσετε να Συνδεθείτε εάν έχετε λογαριασμό ή Εγγραφείτε για νέο λογαριασμό με τον πάροχο επέκτασης.
Πώς να χρησιμοποιήσετε την επέκταση ChatGPT
- Για να χρησιμοποιήσετε μια ενσωματωμένη προτροπή, επισημάνετε τον κωδικό προορισμού και κάντε δεξί κλικ σε αυτόν. Επιλέξτε οποιοδήποτε από τα διαθέσιμα μηνύματα.
- Για να γράψετε μια προσαρμοσμένη ερώτηση, κάντε δεξί κλικ στον επισημασμένο κωδικό και επιλέξτε Ερώτηση GPT. Πληκτρολογήστε την προτροπή σας στο πλαίσιο συνομιλίας στο επάνω μέρος και πατήστε Εισαγω.
Πώς να χρησιμοποιήσετε την επέκταση ChatGPT με τη βάση κώδικα
Εάν έχετε ανοίξει το VS Code στον κατάλογο βάσης κώδικα και θέλετε το ChatGPT να έχει πρόσβαση στις υποκείμενες λειτουργικές μονάδες:
- Κάντε κλικ στο εικονίδιο επέκτασης στην αριστερή πλαϊνή γραμμή. Στη συνέχεια ελέγξτε το Ρωτήστε την Codebase κουτί.
- Αντιγράψτε τον κωδικό προορισμού και επικολλήστε τον στο πλαίσιο συνομιλίας.
- Πληκτρολογήστε την προτροπή σας κάτω από τον κωδικό (πατήστε Shift + Enter) στο πλαίσιο συνομιλίας.
- Τύπος Εισαγω ή κάντε κλικ στο εικονίδιο αποστολής.
Ας δούμε τώρα τους διάφορους τρόπους χρήσης του ChatGPT στο VS Code.
1. Refactor and Modify Code
Το ChatGPT έχει αποδειχθεί χρήσιμο για την τροποποίηση διαδικαστικού, λειτουργικού και αντικειμενοστρεφούς κώδικα.
Για παράδειγμα, χρησιμοποιώντας αυτήν την επέκταση, ζητήσαμε από το ChatGPT να αναδιαμορφώσει τον ελαττωματικό κώδικα παρακάτω, μια συνάρτηση Python για να δημιουργήσει ένα αυθαίρετο λεξικό και να προσθέσει "Αγορά" σε κάθε τιμή.
defmakeDict(n: str, **kwargs)-> υπαγορεύω:
μερικά: υπαγορεύω
Για κλειδί, τιμή σε kwargs.items():
μερικά = n+" "+αξία
ΕΠΙΣΤΡΟΦΗ μερικοί
newDict = makeDict("Αγορά", στοιχείο 1="Βιβλίο GPT", στοιχείο 2="Εκμάθηση Java", στοιχείο 3="Οδηγός πεζοπορίας")
Έκανε αρκετά καλά παράγοντας τον σωστό κώδικα που δίνει την αναμενόμενη έξοδο, με λεπτομερείς λόγους για την τροποποίηση:
Επιπλέον, μπορείτε να χρησιμοποιήσετε το Ρωτήστε μια συνέχεια πλαίσιο για να πείτε στο ChtGPT να μετατρέψει τον κώδικα σε κλάση και να δείξει πώς να τον δημιουργήσετε:
Ο παραπάνω κώδικας που δημιουργήθηκε είναι πιο αρθρωτός και επαναχρησιμοποιήσιμος.
2. Εντοπισμός σφαλμάτων του Κώδικά σας
Εάν ο κώδικάς σας παρουσιάζει σφάλμα ή δεν λειτουργεί όπως θα έπρεπε, το να ζητήσετε από το ChatGPT να τον διορθώσει απευθείας στο VS Code εξοικονομεί χρόνο.
Αν και δεν υπάρχει ενσωματωμένη προτροπή για εντοπισμό σφαλμάτων, μπορείτε να χρησιμοποιήσετε το Ρωτήστε το GPT επιλογή για τη δημιουργία μιας προσαρμοσμένης προτροπής για τον εντοπισμό σφαλμάτων του κώδικά σας.
Ζητήσαμε από την επέκταση ChatGPT να διορθώσει τον κώδικα που χρησιμοποιήσαμε νωρίτερα. Όχι μόνο έκανε εντοπισμό σφαλμάτων. Το εξήγησε και δημιούργησε το σωστό, συμπεριλαμβανομένου του αναμενόμενου αποτελέσματος.
3. Γράψτε τον κωδικό σας σε άλλη γλώσσα
Ίσως θέλετε να γράψετε ένα πρόγραμμα σε μια συγκεκριμένη γλώσσα εκτός από τον πυρήνα σας. Μπορείτε να γράψετε τον κώδικά σας στη βασική γλώσσα σας και να ζητήσετε από το ChatGPT να τον ξαναγράψει στην επιλεγμένη γλώσσα προγραμματισμού.
Ωστόσο, ο παραγόμενος κώδικας ενδέχεται να απαιτεί λίγη ανθρώπινη είσοδο, καθώς το ChatGPT ενδέχεται να αποτύχει να παράσχει έναν πλήρως λειτουργικό κώδικα μετατροπής σε ορισμένες περιπτώσεις.
Για παράδειγμα, μετατρέψαμε τον ακόλουθο κώδικα Python στο ισοδύναμο C χρησιμοποιώντας την επέκταση VS Code ChatGPT:
Μπορείτε να το επιτύχετε κάνοντας δεξί κλικ στον επισημασμένο κωδικό και επιλέγοντας το Ρωτήστε το GPT επιλογή.
Ακολουθεί η προτροπή μας στον κώδικα VS:
Παρόλο που δημιούργησε το ισοδύναμο C δύο φορές πριν το διορθώσει, ο τελικός κώδικας λειτουργεί.
4. Δημιουργήστε ένα στοιχείο Frontend για το API σας
Εάν έχετε γράψει ένα API με διαφορετικά τελικά σημεία, μπορείτε να ζητήσετε από την επέκταση ChatGPT να παρέχει ένα στοιχείο διεπαφής για να το καταναλώσει χρησιμοποιώντας ένα συγκεκριμένο πλαίσιο. Αυτό μπορεί να είναι React, Vue ή Angular.
Για παράδειγμα, χρησιμοποιήσαμε την επέκταση για να δημιουργήσουμε ένα στοιχείο React για τη δημιουργία ενός χρονοδιαγράμματος συναντήσεων με βάση ένα τελικό σημείο API που δημιουργήθηκε χρησιμοποιώντας το FastAPI της Python:
Όπως έγινε παραπάνω, ίσως θελήσετε να ελέγξετε το Ρωτήστε την Codebase κουτί εάν έχετε να κάνετε με μια μεγάλη βάση κωδικών.
Αφού αναφερθήκαμε στη βάση κώδικα μας, η επέκταση VS Code ChatGPT παρείχε ένα εύχρηστο στοιχείο React για χρήση του παρεχόμενου τελικό σημείο:
5. Εξηγήστε τα μπλοκ κώδικα
Ας υποθέσουμε ότι πήρατε ένα κομμάτι κώδικα από το Stack Overflow ή ένα αποθετήριο GitHub. Μπορείτε να ζητήσετε από την επέκταση ChatGPT στο VS Code να εξηγήσει πώς λειτουργεί για καλύτερη κατανόηση. Αυτό σας βοηθά να διορθώσετε έναν τέτοιο κώδικα εύκολα εάν προκύψουν σφάλματα λόγω μελλοντικών αλλαγών κώδικα.
Σε αυτό το παράδειγμα χρήσης, ζητήσαμε από την επέκταση ChatGPT να εξηγήσει τον ακόλουθο κώδικα. μια κλάση Python για την επαλήθευση των διευθύνσεων email των χρηστών.
Προκάλεσε την ακόλουθη απάντηση:
6. Δημιουργήστε πρότυπα HTML για την εφαρμογή σας
Χρησιμοποιώντας την επέκταση ChatGPT στο VS Code, μπορείτε να δημιουργήσετε ένα πρότυπο HTML (όπως πεδία εισαγωγής) από την αρχή—χρησιμοποιώντας απευθείας το πλαίσιο συνομιλίας της επέκτασης. Για παράδειγμα, μπορείτε να του πείτε να δημιουργήσει ένα πρότυπο HTML για εγγραφή χρήστη.
Τι γίνεται όμως αν γράφετε μια εφαρμογή που αποδίδει δεδομένα σε HTML απευθείας (ένα μη SPA) και θέλετε ένα πρότυπο για συγκεκριμένο έργο; Μπορείτε να χρησιμοποιήσετε την επέκταση ChatGPT στο VS Code για να δημιουργήσετε πρότυπα HTML που εμφανίζουν τα δεδομένα υποστήριξης στους χρήστες.
Για παράδειγμα, εάν χρησιμοποιείτε ένα Πλαίσιο που βασίζεται σε αρχιτεκτονική MVT όπως το Django, μπορείτε να χρησιμοποιήσετε την επέκταση για να δημιουργήσετε πρότυπα HTML για τις προβολές σας στο Django.
Και πάλι, για αυτόν τον τύπο περίπτωσης χρήσης, ίσως θέλετε να κάνετε κλικ στο Ρωτήστε την Codebase πλαίσιο ελέγχου για ChatGPT για πρόσβαση στη βάση του κώδικά σας.
7. Μονάδα-Δοκιμάστε τον Κώδικά σας
Όσο ουσιαστική κι αν είναι η δοκιμή μονάδας, μπορεί να είναι καταναλωτής χρόνου. Μπορείτε να αξιοποιήσετε την επέκταση VS Code ChatGPT για να δημιουργήσετε δοκιμές μονάδας για τον κώδικά σας και να εξοικονομήσετε πολύτιμο χρόνο ανάπτυξης.
Αν και η επέκταση ChatGPT έχει μια ενσωματωμένη προτροπή για τη δημιουργία δοκιμών μονάδας, ίσως θελήσετε να γράψετε μια προσαρμοσμένη προτροπή χρησιμοποιώντας το Ρωτήστε την Codebase επιλογή για ιδιαιτερότητα και καλύτερο αποτέλεσμα.
Ζητήσαμε από το ChatGPT να γράψει μια δοκιμή μονάδας για ένα τελικό σημείο εγγραφής που δημιουργήθηκε χρησιμοποιώντας το FastAPI της Python:
Δοκίμασε αποτελεσματικά τη βάση κώδικα για να δημιουργήσει την απαιτούμενη δοκιμή μονάδας:
8. Βρείτε πιθανά τρωτά σημεία ασφαλείας
Αν και μπορεί να μην παρέχει λεπτομερή ανάλυση ασφαλείας, η επέκταση VS Code ChatGPT μπορεί να είναι ένα εύχρηστο εργαλείο για γρήγορη ελέγξτε για ευπάθειες ασφαλείας στην εφαρμογή σας βάση κώδικα και εξοικονομείτε χρόνο για τη μη αυτόματη σάρωση.
Για να επιτρέψετε στο ChatGPT να σαρώσει τη βάση του κώδικά σας, χρησιμοποιήστε το Ρωτήστε την Codebase επιλογή (κάντε κλικ στο εικονίδιο επέκτασης και ελέγξτε το Ρωτήστε την Codebase κουτί).
Εάν συνήθως παίζετε στοίχημα γύρω από κάποιο παλιό ή νέες δυνατότητες VS Code, μη διστάσετε να ρωτήσετε το IDE από την επέκταση ChatGPT.
Για παράδειγμα, μπορείτε να ζητήσετε από την επέκταση να προτείνει τις καλύτερες επεκτάσεις για τον εντοπισμό σφαλμάτων μιας συγκεκριμένης γλώσσας προγραμματισμού.
Ή μπορείτε να του κάνετε μια πιο τεχνική ερώτηση, όπως πώς να ανοίξετε τον κώδικα VS από τη γραμμή εντολών.
10. Γράψτε τεκμηρίωση απευθείας από τον κώδικα VS
Μπορείτε να γράψετε λεπτομερή τεκμηρίωση για ένα κομμάτι κώδικα απευθείας από το VS Code με ευκολία χρησιμοποιώντας την επέκταση ChatGPT.
Για παράδειγμα, εδώ είναι μια λεπτομερής τεκμηρίωση μιας λειτουργίας δημιουργίας συνδέσμου Zoom (σε μορφή HTML) που δημιουργήσαμε χρησιμοποιώντας την επέκταση VS Code ChatGPT:
Κωδικοποιήστε αποτελεσματικά με το ChatGPT σε VS Code
Ως προγραμματιστής σε ένα γρήγορο Διαδίκτυο, θέλετε να επιτύχετε ένα ελάχιστο βιώσιμο προϊόν στον ελάχιστο χρόνο. Αν και το ChatGPT δεν είναι απολύτως αξιόπιστο, μπορεί να βοηθήσει το αναπτυξιακό σας ταξίδι εάν χρησιμοποιηθεί δημιουργικά. Και υπάρχουν πολλές περισσότερες περιπτώσεις χρήσης του ChatGPT στον προγραμματισμό. Ωστόσο, με όλα αυτά που αναφέρθηκαν, βεβαιωθείτε ότι επικυρώνετε τα αποτελέσματα του ChatGPT, καθώς μερικές φορές μπορεί να είναι παραπλανητικά.