Condividi tramite


Estensioni di Ottimizzazioni del codice per Visual Studio Code (anteprima)

Con l'estensione Ottimizzazioni codice per Visual Studio Code, è possibile generare una proposta di correzione del codice per i problemi di prestazioni identificati dalle ottimizzazioni del codice nell'esecuzione. App .NET.

L'estensione Ottimizzazioni codice si integra con GitHub Copilot per Azure in Visual Studio Code, in modo da poter interagire indirettamente tramite @Azure la modalità "Ask". Se non è già stata installata l'estensione Ottimizzazioni codice di Application Insights (anteprima), verrà richiesto di installarla.

Questo articolo illustra l'uso dell'estensione con GitHub Copilot in Visual Studio Code.

Prerequisiti

Installare l'estensione Ottimizzazioni del Codice (anteprima)

Installare l'estensione Ottimizzazioni codice per Visual Studio Code.

Quando si esegue l'estensione per la prima volta, è possibile che vengano visualizzate due richieste di dialogo che richiedono di accedere ad Azure e di connettersi con l'account GitHub Copilot.

Risolvere i problemi di prestazioni nel codice usando l'estensione

Dopo l'installazione, l'estensione Ottimizzazioni codice (anteprima) introduce un agente denominato @code_optimizations con alcuni comandi o "competenze" che è possibile usare in GitHub Copilot per interfacciarsi con i problemi di ottimizzazione del codice.

  1. In Visual Studio Code aprire il repository che contiene l'applicazione .NET con le ottimizzazioni del codice abilitate.
  2. Aprire la chat di GitHub Copilot.

Sono disponibili tre opzioni per l'uso dell'estensione Ottimizzazioni codice in Visual Studio Code:

Opzione 1: Connettersi alle ottimizzazioni del codice in Azure

Mentre l'uso dell'estensione con ottimizzazioni del codice abilitato nell'applicazione richiede più passaggi di configurazione, si ricevono suggerimenti di correzione più accurati nel codice.

Verificare le ottimizzazioni del codice per l'applicazione

Per iniziare, assicurarsi che le ottimizzazioni del codice siano identificate per l'applicazione.

  1. Nella portale di Azure passare alla risorsa di Application Insights.

  2. Selezionare Ricerca causa>Prestazioni.

  3. Nella scheda Prestazioni, selezionare il pulsante Ottimizzazioni codice nel menu in alto.

    Screenshot delle ottimizzazioni del codice disponibili nel pannello Prestazioni.

  4. Prendere nota di:

    • Nome della risorsa di Application Insights.
    • Account con cui si è connessi al portale di Azure.

Invocare l'estensione

  1. Richiamare l'estensione eseguendo il comando seguente, sostituendo il segnaposto con il nome della risorsa di Application Insights o l'ID applicazione.

    @code_optimizations /insights <YOUR_APPLICATION_INSIGHTS_RESOURCE_NAME_OR_APPLICATION_ID>
    

    In alternativa, se si usa l'estensione GitHub Copilot per Azure, nella modalità "Chiedi", è possibile porre la domanda seguente:

    @azure Any code optimizations for this app?
    

    Il comando recupera le principali questioni da Ottimizzazioni del codice, le mappa al codice sorgente nel repository locale e fornisce suggerimenti per correzioni/raccomandazioni. Genera automaticamente la raccomandazione principale.

    Screenshot dei risultati dall'esecuzione del comando code-optimizations connect in Visual Studio Code.

  2. Generare correzioni per altri problemi seguendo le istruzioni nella risposta di Copilot.

Opzione 2: Ottimizzare il codice in base ai problemi di GitHub dalle ottimizzazioni del codice

Oltre al @code_optimizations /insights comando, è anche possibile usare i /optimize comandi per risolvere i problemi nel codice. L'estensione offre due modi per usare il /optimize comando :

  • Con un numero di problema di Code Optimizations.
  • Con la selezione del codice direttamente in Visual Studio Code.

Con un numero di problema di Code Optimizations

Eseguire il comando /optimize assieme al numero di elemento di lavoro di Azure DevOps o GitHub creato dal servizio di ottimizzazione del codice nel portale Azure.

Creare elementi di lavoro di ottimizzazione del codice
  1. Nel portale selezionare uno dei problemi di prestazioni dai risultati.

  2. Nel riquadro dei dettagli fare clic su Crea elemento di lavoro.

    Screenshot del pulsante per la creazione di un elemento di lavoro nel riquadro dei dettagli.

  3. Nell'elenco a discesa scegliere se si vuole creare un problema tramite Azure DevOps o GitHub.

    1. Scegliere un progetto dall'elenco a discesa oppure crearne uno nuovo.

      Se si crea un nuovo progetto, immettere l'URL del progetto e fare clic su Aggiungi progetto.

    2. Fare clic sull'interruttore per etichettare il problema come Attività o Bug.

      Screenshot delle opzioni per la creazione di un problema con Azure DevOps.

  4. Fare clic su Crea elemento di lavoro.

Eseguire il comando /optimize
  1. In Visual Studio Code, usando GitHub Copilot, richiamare /optimize con il numero di problema creato nel servizio Code Optimizations nel portale di Azure. Nell'esempio seguente "5" rappresenta il numero di problema di GitHub che si vuole correggere.

    @code_optimizations /optimize 5
    

    In alternativa, se si usa l'estensione GitHub Copilot per Azure, nella modalità "Chiedi", è possibile porre la domanda seguente:

    @azure Optimize my code based on GitHub issue number 5
    

    Screenshot dell'esecuzione del comando optimize in Copilot.

  2. Il comando :

    1. Esegue il pull dei dati nel corpo del problema, che includono lo stack di chiamate, l'utilizzo della CPU e così via.
    2. Usa il modello di ottimizzazioni del codice per generare una correzione del codice. Questa azione potrebbe richiedere del tempo.
  3. Apportare altre modifiche alla correzione del codice usando l'opzione chat inline. Ad esempio, chiedere a Copilot di:

    • Aggiornare il nome del metodo da <A> a <B>.
    • Usare API X invece di API Ye così via.

    Screenshot dello strumento di modifica in linea con query con Copilot.

Con la selezione del codice direttamente in Visual Studio Code

Attivare direttamente /optimize nel codice selezionato. Usando questo metodo, è possibile ottimizzare in modo proattivo il codice che si ritiene abbia un problema di prestazioni.

  1. Selezionare codice potenzialmente problematico o passare il cursore in un metodo con problemi di prestazioni.
  2. Chiamare il /optimize comando nella chat di Copilot.

È quindi possibile eseguire test di benchmark/carico per assicurarsi che le modifiche migliorino le prestazioni e gli unit test per garantire che la semantica del codice venga mantenuta.

Opzione 3: senza ottimizzazioni del codice

È possibile usare l'estensione di Visual Studio Code senza l'abilitazione delle ottimizzazioni del codice. Anche se questo metodo richiede meno tempo di installazione, è possibile ricevere suggerimenti di correzione meno accurati.

  1. Selezionare codice potenzialmente problematico o passare il cursore in un metodo con problemi di prestazioni.

  2. Chiamare il /optimize comando nella chat di Copilot.

    Screenshot dei risultati dell'esecuzione del comando Optimize nel codice .NET senza l'abilitazione delle ottimizzazioni del codice.