Gemini Code Assist gebruiken in VS Code

Google heeft onlangs Gemini Code Assist gelanceerd – een tool voor het aanvullen en ondersteunen van AI-code voor ondernemingen – tijdens de Cloud Next-conferentie, die momenteel plaatsvindt in Las Vegas.

Wat is Gemini Code Assist? U kunt Gemini Code Assist gebruiken in uw IDE, zoals VS Code, IntelliJ, Cloud Workstations of Cloud Shell Editor, om te helpen bij de ontwikkeling, of het gebruiken in Google Cloud Console voor hulp bij het oplossen van problemen.

Gemini Code Assist kan u helpen codeaanvullingen te krijgen terwijl u de code schrijft, volledige functies of codeblokken uit opmerkingen te genereren, unit-tests te genereren en u te helpen met het debuggen, begrijpen en documenteren van uw code.

Technisch gezien is het een evolutie van Duet AI, waar Google een paar maanden geleden mee stopte. Nu is het echter meer een directe concurrent van Microsofts GitHub Copilot, een van de meest prominente AI-tools die je kunnen helpen met coderen.

Code Assist maakt gebruik van Gemini 1.5 Pro, dat een contextvenster van 1 miljoen heeft, het grootste contextvenster dat elk model biedt. Dit geeft Code Assist een aanzienlijke voorsprong. Gebruikers zouden met dit contextvenster zelfs wijzigingen in hun volledige codebasis kunnen aanbrengen, wat momenteel door geen enkel ander platform wordt aangeboden.

Bedrijven zullen Code Assist ook kunnen afstemmen op hun interne codebasis, net zoals de GitHub Copilot.

U kunt Gemini Code Assist gratis uitproberen tot 11 juli 2024, beperkt tot één gebruiker per factureringsaccount.

Voor deze handleiding concentreren we ons op hoe u Gemini Code Assist kunt gebruiken in Visual Studio (VS) Code.

Gemini Code Assist instellen met VS Code

Om Code Assist met VS Code te gebruiken, moet je de onderstaande stappen volgen om alles in te stellen.

Installeer de Cloud Code-extensie

Allereerst moet u de Cloud Code-extensie installeren om Code Assist met VS Code te gebruiken.

Open VS Code op uw machine.
Ga vervolgens in het linkermenu naar ‘Extensies’.

Zoek naar ‘Cloud Code’ via de zoekbalk. Klik op het eerste zoekresultaat, dat wil zeggen Gemini + Google Cloud Code.

Klik vervolgens op de knop ‘Installeren’ en installeer de extensie.

De Cloud Code-extensie is nu geïnstalleerd op VS Code. Het werkt het beste met de volgende talen:

KnooppuntJS
Gaan
Python
Java
.NETTO

Hoewel NodeJS ingebouwde ondersteuning heeft in VS Code en geen extra actie vereist, moet je de andere talen installeren als je deze wilt gebruiken. U kunt deze talen op dezelfde manier installeren als waarop u de Cloud Code-extensie heeft geïnstalleerd.

Als u voorbeelden naar uw machine wilt kopiëren, moet u eventueel ook Git installeren.

Maak verbinding met Google Cloud

De volgende stap is nu verbinding maken met Google Cloud vanuit VS Code.

Zodra de extensie is geïnstalleerd, klikt u op de optie ‘Open Walkthrough’.

Klik op de knop ‘Verbinden’ bij de optie ‘Verbinden met Google Cloud’.

Er verschijnt een melding dat VS Code een externe website wil openen. Klik op ‘Openen’ om verder te gaan.

Meld u vervolgens aan bij uw Google-account.
Vervolgens vraagt uw Google-account u om er zeker van te zijn dat u deze app [Cloud Code] van Google heeft gedownload; klik op ‘Aanmelden’ om verder te gaan.

Uw account is nu verbonden met Google Cloud.

Vervolgens moet u Gemini in VS Code activeren door een Google Cloud-project te selecteren waarvoor de Cloud API is ingeschakeld. Als u zich echter nog niet heeft aangemeld voor Google Cloud, moet u dat eerst doen.

Als u Google Cloud niet heeft, kunt u een gratis proefperiode van drie maanden krijgen met een tegoed van $ 300.

Ga naar cloud.google.com en klik op ‘Gratis aan de slag’.

Geef vervolgens uw accountgegevens op en klik op ‘Akkoord en doorgaan’.

Geef uw betalingsgegevens op en klik op ‘Gratis starten’ om de gratis proefperiode te krijgen. Er worden geen kosten in rekening gebracht nadat de proefperiode is afgelopen, tenzij u uw volledige account voor Google Cloud handmatig activeert.

Zodra u Google Cloud heeft, kunt u een project ervan gebruiken om Gemini in VS Code te gebruiken.

Activeer Gemini in VS Code

Ga nu terug naar VS Code en klik op ‘Selecteer Google Cloud Project’ om Gemini te activeren.

De optie om het Google Cloud-project te selecteren verschijnt bovenaan. Selecteer het Google Cloud-project waarvoor de Cloud API is ingeschakeld. U kunt ook een nieuw Google Cloud-project maken.

Als Cloud API niet is ingeschakeld voor uw geselecteerde project, ontvangt u een foutmelding in het VS Code-venster. Klik op ‘API inschakelen’ om het probleem te verhelpen.

Gemini wordt geactiveerd voor gebruik in VS Code. Je hebt er op elk moment toegang toe via de statusbalk, die nu een geactiveerde Gemini toont, in plaats van het voorheen uitgeschakelde Gemini-pictogram (rood pictogram met een diagonale lijn erdoorheen).

De optie voor Gemini wordt ook toegevoegd aan de activiteitenbalk aan de linkerkant.

Dat is het. Nu kunt u Gemini in VS Code gaan gebruiken om hulp te krijgen bij het genereren van code of om ermee te chatten.

Code genereren met Gemini

Als u Gemini in VS Code wilt gebruiken, kunt u nieuwe code genereren met aanwijzingen, coderingssuggesties krijgen of in-line suggesties ontvangen.

Open eerst een bestaande applicatie waarin u Gemini wilt gebruiken, of maak een voorbeeldapplicatie voor Cloud Code om Gemini mee te testen.

Om een voorbeeldtoepassing te maken, drukt u op Ctrl+ Shift+ P(Windows/Linux) of Cmd+ Shift+ P(Mac) om de Command Pallete op VS Code te openen.
Typ vervolgens ‘Cloudcode: Nieuwe applicatie’ en druk op Enter.

Selecteer ‘Kubernetes-applicatie’ uit de opties.

Selecteer vervolgens een voorbeeldapplicatie uit de opties, zoals ‘Python (Flask): Gastenboek’. Houd er rekening mee dat u de taal waarin u de voorbeeldtoepassing installeert, moet installeren als u deze nog niet hebt geïnstalleerd.

Sla de applicatie op de gewenste locatie op en de applicatie wordt aangemaakt.

Zodra uw applicatie is gemaakt, maakt u een nieuw codebestand of opent u een bestaand bestand om Gemini te gebruiken. Hier vindt u alle manieren waarop Gemini u kan helpen bij het genereren van code.

Ontvang in-line suggesties

Begin met het typen van uw code om inline suggesties te krijgen.
Gemini geeft u tijdens het schrijven suggesties voor het automatisch aanvullen van uw code.
U kunt op drukken Tabom de suggestie te accepteren. Om de suggestie te negeren, drukt u op Escof blijft u de code schrijven.

Code genereren

Gemini kan ook nieuwe code voor u genereren. Klik op het pictogram ‘Gemini: Smart Actions’ in het IDE-venster.

Klik vervolgens op ‘Code genereren’ uit de opties.

Gemini genereert nieuwe code voor u op basis van de code die al in uw bestand staat.

Genereer code met aanwijzingen

U kunt Gemini ook aanwijzingen geven om code voor hen te genereren.

Ga naar een nieuwe regel in uw code en typ #gevolgd door de prompt om de code. Typ bijvoorbeeld # Function to create a Cloud Storage bucketen druk op Enter.

Om code te genereren, drukt u vervolgens op Ctrl+, Enterongeacht of u Windows, Linux of Mac gebruikt.
Gemini genereert de code voor uw verzoek. Druk Tabop uw toetsenbord om het te accepteren.

Chat met Tweelingen

Je kunt ook met Gemini chatten in VS Code. Het kan vragen beantwoorden, de code aan u uitleggen of u helpen met de geselecteerde code.

Om met Gemini te chatten, klikt u op het ‘Gemini’-pictogram in de activiteitenbalk aan de linkerkant. Het Gemini-chatpaneel wordt aan de linkerkant geopend.

Typ uw prompt in de promptbalk en stuur deze naar de AI (uw codebestand moet hiervoor geopend zijn). Je kunt bijvoorbeeld zeggen Explain this code to me. Gemini gebruikt de code in uw bestand als referentie en geeft u uitleg.

U kunt ook de code in uw bestand selecteren en vervolgens de prompt naar Gemini sturen om de code uit te leggen. Het zal dan alleen de geselecteerde code als referentie gebruiken bij het beantwoorden van uw vraag.

Je kunt Gemini ook vragen om unit-tests te genereren voor de volledige code of de geselecteerde code in het chatpaneel. Typ Generate unit testshet chatpaneel in en Gemini genereert unit-tests voor uw volledige code of geselecteerde functies (op basis van uw selectie).
Op dezelfde manier kunt u Gemini vragen naar Help debug the codeof Make the code more readablein het chatpaneel. Afhankelijk van het feit of u een deel van uw code hebt geselecteerd voordat u erom vroeg of niet, wordt het gewenste antwoord weergegeven voor een deel van uw code/het gehele codebestand.

Andere manieren om toegang te krijgen tot Gemini

U kunt ook code selecteren en een actie uitvoeren met Gemini door in de code-editor op het pictogram ‘Codeacties weergeven’ (Bulb) te klikken.

Je kunt ook andere acties uitvoeren met Gemini in VS Code. Open de opdrachtpallet op VS-code.
Typ vervolgens ‘Gemini:’ en de opties voor hoe u Gemini kunt gebruiken, verschijnen. U kunt Gemini vragen om de code aan u uit te leggen, zich te concentreren op de chatweergave, code te genereren, unit-tests te genereren, enz.

Dat is het. Gemini Code Assist lijkt een grote concurrent van GitHub Copilot te zijn, vooral met zijn contextvenster van 1 miljoen. Het enige dat we nog moeten zien, is of Gemini Code Assist net zo efficiënt zal zijn in het coderen om daadwerkelijk een nuttig hulpmiddel te worden.

Gemini Code Assist gebruiken in VS Code