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.

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

Prerequisiti

Installare l'estensione Ottimizzazioni 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 due opzioni per l'uso dell'estensione Ottimizzazioni codice in Visual Studio Code:

Opzione 1: con ottimizzazioni del codice

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 Analizza>prestazioni.

  3. Nel pannello 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.

Ottenere l'ID applicazione per l'app

  1. Nel portale passare alla risorsa di Application Insights.

  2. Selezionare Configura>accesso all'API.

  3. Prendere nota dell'ID applicazione nella parte superiore del riquadro Accesso api.

    Screenshot della ricerca dell'ID applicazione nella portale di Azure.

Richiamare l'estensione

  1. Richiamare l'estensione eseguendo il comando seguente, sostituendo il segnaposto con l'ID applicazione salvato in precedenza.

    @code_optimizations /connect <YOUR_APPLICATION_ID>
    

    Il comando esegue il pull dei principali problemi da Ottimizzazioni codice, li esegue il mapping al codice sorgente nel repository locale e suggerisce correzioni/raccomandazioni. Genera automaticamente la raccomandazione principale.

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

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

Ottimizzare il codice

Oltre al @code-optimizations /connect comando, è anche possibile usare i /optimize comandi per risolvere i problemi nel codice. L'estensione offre due modi per usare il /optimize comando .

@code-optimizations /optimize <GITHUB_ISSUE_NUMBER>

  1. Chiamare /optimize insieme al numero di problema di GitHub creato dal servizio Ottimizzazioni codice nel portale di Azure. Nell'esempio seguente "5" rappresenta il numero di problema di GitHub che si vuole correggere.

    @code-optimizations /optimize 5 
    

    Screenshot dell'esecuzione del comando Optimize in copilot.

  2. Il comando :

    1. Esegue il pull nel corpo del problema, che include 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. Dopo aver generato la correzione del codice, fare clic sul pulsante Confronta con originale per esaminare la correzione suggerita insieme all'originale.

    Screenshot del pulsante Confronta con originale.

  4. 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 inline usando query con Copilot.

  5. Dopo aver pronto, fare clic su Accetta correzione .

    Screenshot del pulsante Accetta correzione per quando si esaminano i suggerimenti.

Selezione del codice + @code-optimizaitons /optimize

Attivare /optimize direttamente il 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 2: 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.