Tutorial per Microsoft Visual Studio

November 12

Tutorial per Microsoft Visual Studio


Un ambiente di sviluppo integrato (IDE) consente ai programmatori di codice software rapidamente utilizzando un'interfaccia utente grafica (GUI). Microsoft Visual Studio offre agli sviluppatori di Microsoft .NET la capacità di produrre applicazioni desktop di prossima generazione e Web in modo rapido. Anche se NET ha una curva di apprendimento ripida, programmatori alle prime armi possono utilizzare Visual Studio per creare semplici pagine web HTML. Gli sviluppatori esperti possono esplorare le funzionalità avanzate del IDE e di progettazione delle applicazioni più complesse.

istruzione

Creare un progetto

1 Visita il sito di download di Visual Studio (vedi Risorse) e cliccare su "download". Seguire le istruzioni di installazione forniti da Microsoft per installare il software.

2 Aprire Visual Studio dopo l'installazione e fare clic su "Nuovo progetto". Si aprirà la finestra "Nuovo progetto". Questa finestra contiene due pannelli. Un pannello "Template" a sinistra contiene modelli per i diversi tipi di progetti. Questi modelli includono "Visual Basic", "Visual C #" e "Database".

3 Fare clic sulla freccia accanto al modello "Visual C #" per espandere il suo albero. Visual Studio visualizzerà le categorie del modello, come "Windows", "web" e "Database".

4 Fare clic sulla categoria "Web". Un elenco dei tipi di applicazioni Web e dei controlli verrà visualizzato in un pannello a destra.

5 Fai clic su "ASP.NET Web Application" e immettere il nome di "MyProject" nella casella di testo "Nome file". Fai clic su "OK". Visual Studio creerà una nuova applicazione Web ASP.NET e visualizzare l'interfaccia utente.

Modificare un file

6 Individuare il pannello "Solution Explorer" sul lato destro dello schermo. Questo pannello contiene il progetto cartelle, file, i riferimenti e le proprietà.

7 Fare clic sul file "Default.aspx" nel "Solution Explorer". codice di markup HTML del file verrà visualizzato nella finestra "Modifica" sul lato sinistro dello schermo.

8 Individuare il tag "<div>" nel codice e digitare "test" sotto il tag. Clicca sul pulsante "Design" nella parte inferiore dello schermo. La finestra "Design" si apre e visualizza una vista disegno della pagina Web. Si vedrà la parola "Test".

Esplora la Vista

9 Fai clic su "Visualizza" nella parte superiore dello schermo e selezionare "Toolbox". Verrà visualizzata la casella degli strumenti. La casella degli strumenti contiene controlli come caselle di testo, pulsanti e controlli dati.

10 Fare doppio clic sul controllo "Button". Un pulsante apparirà nella finestra di progettazione vicino alla parola "Test".

11 Fare doppio clic sul pulsante che è stato inserito nella finestra di progettazione. Visual Studio crea un evento "a scatto" per il pulsante.

12 Clicca sul pulsante "Source" nella parte inferiore dello schermo. La finestra "Modifica" riapparirà. Si vedrà il codice sorgente per il tasto di controllo che è stato aggiunto al form.

13 Fare clic sul pulsante "Split" nella parte inferiore dello schermo. Visual Studio mostrerà una vista combinata che mostra la finestra "Modifica" in alto e la finestra "Design" sul fondo.

14 Individuare il file denominato "Default.aspx.cs" in Esplora soluzioni. Questo file contiene il codice C # per la forma "Default.aspx.cs". Fare doppio clic sul file per visualizzare il codice C # nella finestra "Modifica".

15 Individuare il seguente blocco di codice nella finestra "Modifica":

protetto void Page_Load (object sender, EventArgs e)

{

}

16 Inserire il codice seguente sotto di tale blocco di codice:

protected void Button1_Click (object sender, EventArgs e)

{

int value1 = 10;

int value2 = 20;

int valore3 = 30;

}

Questo blocco di codice gestisce l'evento click del pulsante.

17 Right-click "int valore3 = 30" e selezionare "Inserisci punto di interruzione." Visual Studio verrà posto un punto di interruzione su quella linea.

Aggiungere nuovi elementi

18 Individuare "MyProject" nel "Solution Explorer" sulla destra dello schermo.

19 Right-click "MyProject" per visualizzare un menu a discesa. Questo menu contiene opzioni come "Aggiungi", "Add Reference" e "costruire".

20 Selezionare "Aggiungi" e poi su "Nuovo elemento". La "Add New Item" si aprirà. Fai clic su "Web Form" e immettere un nome (ad esempio "Form2") nella casella "Nome". Fai clic su "Aggiungi". Visual Studio aggiungerà la nuova forma di Esplora soluzioni. Aggiungere il maggior numero di nuovi elementi al progetto come ti piace usare questo metodo.

Eseguire il debug del progetto

21 Premere il tasto "CTRL + S" per salvare il progetto.

22 Fai clic su "debug" nella parte superiore dello schermo.

23 Selezionare "avviare il debug." Visual Studio verrà compilare il progetto e visualizzare il modulo predefinito (Defaut.axpx) nel browser.

24 Fare clic sul pulsante nella pagina Web. Visual Studio apparirà e visualizzare il codice aggiunto nel file "Default.aspx.cs". Sarà anche evidenziare la riga in cui è stato posizionato il punto di interruzione.

25 Tenere il cursore del mouse su "int value1 = 10" Visual Studio visualizzerà il valore memorizzato in "value1". Durante il debug, tenere il cursore su una variabile ad esaminarla.

26 Premere il tasto "F11". Visual Studio avanzerà alla prossima riga di codice.

27 Premere il tasto "F5" di nuovo. Visual Studio elaborerà tutto il codice. Tornare al browser e fare nuovamente clic sul pulsante per scorrere il processo di debug di nuovo.

Consigli e avvertenze

  • Utilizzare la funzione "Help" di Visual Studio come un tutorial. Esso copre tutte le funzionalità di Visual Studio e contiene il codice di esempio, così come articoli informativi. I punti di interruzione sono utili quando è necessario interrompere il codice in una posizione particolare codice ed esaminare le variabili. Posizionare il maggior numero di punti di interruzione, come è necessario nel codice per aiutare il debug dell'applicazione.