Come utilizzare Gemini Code Assist in VS Code

Google ha recentemente lanciato Gemini Code Assist, uno strumento di completamento e assistenza del codice AI per le imprese, alla conferenza Cloud Next, attualmente in corso a Las Vegas.

Cos’è Gemini Code Assist? Puoi utilizzare Gemini Code Assist nel tuo IDE, come VS Code, IntelliJ, Cloud Workstations o Cloud Shell Editor per assistere nello sviluppo oppure utilizzarlo in Google Cloud Console per la risoluzione dei problemi assistita.

Gemini Code Assist può aiutarti a ottenere completamenti del codice mentre scrivi il codice, generare funzioni complete o blocchi di codice dai commenti, generare test unitari e aiutarti con il debug, la comprensione e la documentazione del tuo codice.

Tecnicamente si tratta di un’evoluzione di Duet AI, che Google ha interrotto qualche mese fa. Tuttavia, ora è più un concorrente diretto di GitHub Copilot di Microsoft, che è uno degli strumenti di intelligenza artificiale più importanti che possono aiutarti con la codifica.

Code Assist utilizza Gemini 1.5 Pro, che ha una finestra di contesto da 1 milione, la finestra di contesto più grande fornita da qualsiasi modello. Ciò conferisce a Code Assist un vantaggio considerevole. Gli utenti sarebbero anche in grado di apportare modifiche all’intera base di codice con questa finestra di contesto, che attualmente nessun’altra piattaforma offre.

Le aziende saranno inoltre in grado di ottimizzare Code Assist per la propria codebase interna, proprio come GitHub Copilot.

Puoi provare Gemini Code Assist gratuitamente fino all’11 luglio 2024, limitato a un utente per account di fatturazione.

Per questa guida ci concentreremo su come utilizzare Gemini Code Assist in Visual Studio (VS) Code.

Configurazione di Gemini Code Assist con VS Code

Per utilizzare Code Assist con VS Code, dovrai seguire i passaggi seguenti per configurare l’intera cosa.

Installa l’estensione Cloud Code

Prima di tutto, devi installare l’estensione Cloud Code per utilizzare Code Assist con VS Code.

Apri VS Code sul tuo computer.
Quindi, vai su “Estensioni” dal menu a sinistra.

Cerca “Cloud Code” utilizzando la barra di ricerca. Fai clic sul primo risultato della ricerca, ovvero Gemini + Google Cloud Code.

Quindi, fai clic sul pulsante “Installa” e installa l’estensione.

L’estensione Cloud Code è ora installata su VS Code. Funziona meglio con le seguenti lingue:

NodoJS
Andare
Pitone
Giava
.NETTO

Sebbene NodeJS abbia il supporto integrato in VS Code e non richieda azioni aggiuntive, dovrai installare le altre lingue se desideri utilizzarle. Puoi installare queste lingue nello stesso modo in cui hai installato l’estensione Cloud Code.

Facoltativamente, se desideri copiare gli esempi sul tuo computer, dovrai anche installare Git.

Connettiti a Google Cloud

Ora, il passaggio successivo prevede la connessione a Google Cloud da VS Code.

Una volta installata l’estensione, fai clic sull’opzione “Apri procedura dettagliata”.

Fai clic sul pulsante “Connetti” nell’opzione “Connetti con Google Cloud”.

Apparirà un messaggio che informa che VS Code desidera aprire un sito Web esterno. Fare clic su “Apri” per procedere.

Quindi, accedi al tuo account Google.
Successivamente, il tuo account Google ti chiederà di assicurarti di aver scaricato questa app [Cloud Code] da Google; fare clic su “Accedi” per procedere.

Il tuo account è ora connesso a Google Cloud.

Successivamente, dovrai attivare Gemini in VS Code selezionando un progetto Google Cloud su cui è abilitata l’API Cloud. Tuttavia, se non ti sei ancora registrato a Google Cloud, dovrai prima farlo.

Se non disponi di Google Cloud, puoi ottenere una prova gratuita per 3 mesi con crediti di $ 300.

Vai su cloud.google.com e fai clic su “Inizia gratuitamente”.

Quindi, fornisci le informazioni del tuo account e fai clic su “Accetto e continua”.

Fornisci le informazioni di pagamento e fai clic su “Inizia gratuitamente” per ottenere la prova gratuita. Al termine del periodo di prova non ti verrà addebitato alcun importo, a meno che non attivi manualmente il tuo account completo per Google Cloud.

Una volta che hai Google Cloud, puoi utilizzarne un progetto per utilizzare Gemini in VS Code.

Attiva Gemini in VS Code

Ora torna a VS Code e fai clic su “Seleziona progetto Google Cloud” per attivare Gemini.

In alto verrà visualizzata l’opzione per selezionare il progetto Google Cloud. Seleziona il progetto Google Cloud con l’API Cloud abilitata. Puoi anche creare un nuovo progetto Google Cloud.

Se l’API Cloud non è abilitata per il progetto selezionato, riceverai un errore nella finestra VS Code. Fai clic su “Abilita API” per risolverlo.

Gemini verrà attivato per l’uso in VS Code. Puoi accedervi in qualsiasi momento dalla barra di stato che ora mostrerà un Gemini attivato, invece della precedente icona Gemini disabilitata (icona rossa con una linea diagonale che la attraversa).

L’opzione per Gemelli verrà aggiunta anche alla barra delle attività a sinistra.

Questo è tutto. Ora puoi iniziare a utilizzare Gemini in VS Code per ottenere assistenza con la generazione del codice o chattare con esso.

Generazione di codice con Gemini

Per utilizzare Gemini in VS Code, puoi generare nuovo codice con prompt, ottenere suggerimenti di codifica o suggerimenti in linea.

Innanzitutto, apri un’applicazione esistente in cui desideri utilizzare Gemini oppure crea un’applicazione di esempio per Cloud Code con cui testare Gemini.

Per creare un’applicazione di esempio, premere Ctrl+ Shift+ P(Windows/Linux) o Cmd+ Shift+ P(Mac) per aprire il pannello dei comandi su VS Code.
Quindi, digita “Codice cloud: Nuova applicazione” e premi Invio.

Seleziona “Applicazione Kubernetes” dalle opzioni.

Quindi, seleziona un’applicazione di esempio dalle opzioni, come “Python (Flask): Guestbook”. Tieni presente che dovrai installare la lingua in cui stai installando l’applicazione di esempio se non l’hai già installata.

Salva l’applicazione nella posizione desiderata e l’applicazione verrà creata.

Una volta creata l’applicazione, crea un nuovo file di codice o aprine uno esistente per utilizzare Gemini. Ecco tutti i modi in cui Gemini può aiutarti con la generazione del codice.

Ricevi suggerimenti in linea

Per ricevere suggerimenti in linea, inizia a digitare il codice.
Gemini ti fornirà suggerimenti di completamento automatico per il tuo codice mentre scrivi.
È possibile premere Tabper accettare il suggerimento. Per ignorare il suggerimento, premere Esco continuare a scrivere il codice.

Genera codice

Gemini può anche generare un nuovo codice per te. Fai clic sull’icona “Gemini: Smart Actions” dalla finestra IDE.

Quindi, fai clic su “Genera codice” dalle opzioni.

Gemini genererà un nuovo codice per te in base al codice già presente nel tuo file.

Genera codice con prompt

Puoi anche fornire istruzioni a Gemini per generare codice per loro.

Vai a una nuova riga nel codice e digita #seguito dalla richiesta del codice. Ad esempio, digita # Function to create a Cloud Storage buckete premi Invio.

Quindi, per generare il codice, premi Ctrl+ Enterse sei su Windows, Linux o Mac.
Gemini genererà il codice per la tua richiesta. Premi Tabsulla tastiera per accettarlo.

Chatta con i Gemelli

Puoi anche chattare con Gemini in VS Code. Può rispondere a domande, spiegarti il codice o aiutarti con il codice selezionato.

Per chattare con Gemini, fai clic sull’icona “Gemini” nella barra delle attività a sinistra. Il pannello della chat di Gemini si aprirà sulla sinistra.

Digita il tuo messaggio nella barra dei messaggi e invialo all’IA (il tuo file di codice dovrebbe essere aperto per questo). Ad esempio, puoi dire Explain this code to me. Gemini utilizzerà il codice nel tuo file come riferimento e ti fornirà una spiegazione.

Puoi anche selezionare il codice nel tuo file e quindi inviare la richiesta a Gemini per spiegare il codice. Utilizzerà quindi solo il codice selezionato come riferimento mentre risponde alla tua domanda.

Puoi anche chiedere a Gemini di generare unit test per l’intero codice o il codice selezionato nel pannello chat. Digita Generate unit testsnel pannello della chat e Gemini genererà test unitari per l’intero codice o per le funzioni selezionate (in base alla tua selezione).
Allo stesso modo, puoi chiedere a Gemini Help debug the codeo Make the code more readablenel pannello della chat. A seconda che tu abbia selezionato o meno una parte del tuo codice prima della richiesta, verrà fornita la risposta desiderata per parte del tuo codice/intero file di codice.

Altri modi per accedere ai Gemelli

Puoi anche selezionare il codice ed eseguire un’azione utilizzando Gemini facendo clic sull’icona “Mostra azioni codice” (Lampadina) dall’editor di codice.

Puoi anche eseguire altre azioni con Gemini in VS Code. Apri la tavolozza dei comandi su VS Code.
Quindi, digita “Gemini:” e appariranno le opzioni su come utilizzare Gemini. Puoi chiedere a Gemini di spiegarti il codice, concentrarti sulla visualizzazione della chat, generare codice, generare test unitari, ecc.

Questo è tutto. Gemini Code Assist sembra essere un grande concorrente di GitHub Copilot, soprattutto con la sua finestra di contesto da 1 milione. Ora, l’unica cosa che resta da vedere è se Gemini Code Assist sarà così efficiente nella codifica da diventare effettivamente uno strumento utile.

Come utilizzare Gemini Code Assist in VS Code