Comprendere, esplorare ed eseguire il debug visivo del codice con le mappe codici
È possibile associare le relazioni nel codice con Visual Studio finale.Quando si creano i mapping di codice, vengono visualizzati accanto all'editor di codice.Consentendo di concentrarsi sull'attività poiché è possibile visualizzare il punto del codice durante il lavoro.
.png "Mappa codici - Mappare le relazioni nel codice")
Il codice relazioni di visualizzazione dei mapping nel codice che venga visualizzata accanto all'editor di codice. Una freccia verde indica la posizione del cursore nel codice. È possibile inserire note su un mapping, come in carta.
I mapping di codice consentono di evitare persi nelle dimensioni tuttavia, nel codice non riconosciuto, o nel codice legacy.Ad esempio, quando si esegue il debug, potrebbe essere necessario esaminare il codice in molti file e progetti.Nella guida che i mapping si passa ovviare a queste parti di codice e visualizzare le relazioni tra essi.Non è necessario ricordare questo codice, tenere traccia dei file, o creare un diagramma di carta separato.Se è necessario interrompere il lavoro, i mapping di codice consentono di aggiornare la memoria sul codice che si sta lavorando.
Mapping di codice di controllo in azione: Codice complesso di informazioni con il mapping di codice (canale 9)
Requisiti
Visual Studio 2012,1 e uno di questi problemi:
Visual Studio 2012 ultimate creare mappe di codice tramite l'editor del codice o da Esplora soluzioni.
[!NOTA]
Prima di condividere i mapping con altri che utilizza premium o il professional, assicurarsi che tutti gli elementi sul mapping siano visibili, come elementi nascosti, gruppi espansi e collegamenti tra gruppi.
Premium 2012 di Visual Studio o il Visual Studio professional 2012 a mapping di codice aperto, apportare le modifiche limitate ed esplora il codice.
Una soluzione con il codice di Visual Basic. .NET o di Visual c .NET
Individuare il problema
Si supponga che sia presente un bug in un programma di disegno che si sta lavorando.Per riprodurre il bug, aprire la soluzione Visual Studio ultimate e si preme F5 per avviare il debug.
Quando si disegna una linea e si sceglie Annulla ultimo tratto, non viene eseguita finché non disegnare la riga successiva.
.png "Mappa codici - Ripetizione bug")
Esaminare quindi si inizia cercando il metodo di Undo.Lo trovato nella classe di PaintCanvas.
.png "Mappa codici - Trovare codice")
Mapping avviare il codice
Ora si avvia il mapping del metodo di undo e le relative relazioni.Tramite l'editor del codice, aggiungere il metodo di undo e i campi che fa riferimento a un nuovo mapping di codice.Quando si crea un nuovo mapping, potrebbe richiedere tempo indicizzare il codice.Ciò consente alle operazioni successive a essere eseguito più velocemente.
.png "Mappa codici - Visualizzare il metodo e i campi correlati")
.gif "Suggerimento") Suggerimento |
|---|
L'evidenziazione verde indica gli ultimi elementi aggiunti alla mappa.La freccia verde indica la posizione del cursore nel codice.Le frecce tra gli elementi rappresentano le relazioni diversi.È possibile ottenere ulteriori informazioni sugli elementi nel mapping esaminando le relative descrizioni comandi. |
.png "Mappa codici - Visualizzare le descrizioni comandi")
Individuare ed esaminare il codice dal mapping
Per visualizzare la definizione di codice per ciascun campo, fare doppio clic sul campo nel mapping, o selezionare il campo e premere F12.La freccia verde si sposta tra gli elementi sul mapping.Il cursore nell'editor di codice viene spostato automaticamente.
.png "Mappa codici - Esaminare la definizione di campo")
.png "Mappa codici - Esaminare la definizione di campo")
| Suggerimento |
|---|
È possibile anche spostare la freccia verde sul mapping sposta il cursore nell'editor di codice. |
Individuazione delle relazioni tra le parti di codice
Ora si desidera sapere quale altro codice interagisce con i campi di paintObjects e di history.È possibile aggiungere tutti i metodi che fanno riferimento a questi campi al mapping.È possibile specificare il mapping o dal codice.
.png "Mappa codici - Trovare tutti i riferimenti")
Modificare il layout per ridisporre il flusso delle relazioni e rendere il mapping più semplice da leggere.È possibile anche spostare gli elementi nel mapping trascinandoli.
.png "Mappa codici - Modificare il layout")
| Suggerimento |
|---|
Per impostazione predefinita, Layout incrementale è attivata.Ciò consente di ridisporre il mapping meno possibile quando si aggiungono nuovi elementi.Per modificare l'intero mapping ogni volta che si aggiunge nuovi elementi, disattivare Layout incrementale. |
.png "Mappa codici - Modificare il layout")
Esaminare questi metodi.Nella mappa, fare doppio clic sul metodo PaintCanvas, o scegliere questo metodo e premere F12.Viene illustrato che questo metodo crea history e paintObjects come elenchi vuoti.
.png "Mappa codici - Esaminare la definizione del metodo")
Eseguire nuovamente gli stessi passaggi per esaminare la definizione del metodo di clear.Verrà illustrato come clear esegue alcune attività con paintObjects e history.Chiama quindi il metodo di Repaint.
.png "Mappa codici - Esaminare la definizione del metodo")
Ora esaminare la definizione del metodo di addPaintObject.Esegue alcune attività con history e paintObjects.Chiama anche Repaint.
.png "Mappa codici - Esaminare la definizione del metodo")
Individuare il problema esaminando il mapping
Rileva che tutti i metodi che modificano history e la chiamata Repaintdi paintObjects.Tuttavia il metodo di undo non chiama Repaint, anche se undo modifica gli stessi campi.Se si prevede che sia possibile risolvere il problema chiamando Repaint da undo.
.png "Mappa codici - Individuare la chiamata al metodo mancante")
Se non si fosse un mapping per illustrare questa chiamata mancante, può essere più difficile individuare il problema, soprattutto con il codice più complesso.
Condividere l'individuazione e passaggi successivi
Prima dell'utente o di un altro sviluppatore risolve il bug, è possibile inserire note sul mapping sul problema e come correggerlo.
.png "Mappa codici - Commentare e contrassegnare elementi per il completamento")
Ad esempio, è possibile aggiungere commenti al mapping e contrassegnare gli elementi utilizzando i colori.
.png "Mappa codici - Elementi commentati e contrassegnati")
Se è installato Microsoft Outlook, è possibile posta elettronica il mapping agli altri.È possibile inoltre esportare il mapping ad esempio un'immagine o un altro formato.
.png "Mappa codici - Condividere, esportare, inviare")
Correggere il problema e visualizzare le operazioni effettuate
Per correggere il bug, aggiungere la richiesta per Repaint a undo.
.png "Mappa codici - Aggiungere la chiamata al metodo mancante")
Per confermare la correzione, le riavviare la sessione di debug e tentare di riprodurre il bug.È ora possibile scegliere di funzionamento Annulla ultimo tratto correttamente e si conferma ha effettuato la soluzione corretta.
.png "Mappa codici - Confermare la correzione del codice")
È possibile aggiornare il mapping alla correzione apportate.
.png "Mappa codici - Aggiornare la mappa con la chiamata al metodo mancante")
Il mapping ora visualizzato un collegamento tra annulla e Repaint.
.png "Mappa codici - Mappa aggiornata con la chiamata al metodo")
[!NOTA]
Quando si aggiorna il mapping, è possibile che venga visualizzato un messaggio che indica che l'indice di codice utilizzato per creare il mapping è stato aggiornato.Ciò significa che un utente ha modificato il codice, che modo il mapping a non corrisponda al codice corrente.Ciò non viene interrotta da aggiornare il mapping, ma potrebbe essere necessario ricreare il mapping per confermare che corrisponde al codice.
A questo punto è stata eseguita la ricerca.Correttamente individuato e corretto il problema eseguendo il mapping del codice.È un mapping che consente di spostarsi nel codice, ricordare cosa istruito e nei passaggi è stato creato per correggere il problema.