Un ambiente di sviluppo integrato ( IDE ) permette ai programmatori di codice del software in modo rapido utilizzando una interfaccia utente grafica ( GUI ) . Microsoft Visual Studio dà . NET di Microsoft la capacità di produrre nuova generazione di applicazioni desktop e web rapidamente . Anche se . NET ha una curva di apprendimento ripida , i programmatori meno esperti possono utilizzare Visual Studio per creare semplici pagine Web HTML . Gli sviluppatori esperti possono esplorare le funzionalità avanzate del IDE e progettare le applicazioni più complesse .
Visita il sito di download di Visual Studio ( vedi Risorse) e fare clic su " Scarica ". 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 " sulla sinistra contiene modelli per diversi tipi di progetti . Questi modelli includono " Visual Basic ", " Visual C # " e "Database ".
3
Fare clic sulla freccia accanto al " modello di Visual C # " per espandere il suo albero . Visual Studio visualizzerà le categorie del modello come "Windows ", " web " e "Database ".
4
Clicca la categoria " Web" . Un elenco dei tipi di applicazioni Web e dei controlli verrà visualizzato in un pannello a destra.
5
Fare clic su " Applicazione Web ASP.NET " e inserire il nome di " MyProject " nel campo "Nome del file " casella di testo . Fare clic su " OK ". Visual Studio crea una nuova applicazione Web ASP.NET e di visualizzare l'interfaccia utente .
Modifica di un file
6
Individuare il pannello " Solution Explorer " sul lato destro dello schermo. Questo pannello contiene le cartelle del vostro progetto , i file , i riferimenti e le proprietà .
7
clic sul file " Default.aspx " nel " Solution Explorer ". Copia il codice di marcatura del file verrà visualizzato nella finestra " Modifica " sul lato sinistro dello schermo .
8
" nel codice e del tipo " prova " al di sotto della tag. Fare clic sul pulsante "Design" nella parte inferiore dello schermo. La finestra "Design" si apre e visualizza una vista disegno della pagina web . Vedrete la parola "Test ".
Esplora il Visto
9
Fare clic su " Visualizza " nella parte superiore dello schermo e selezionare " Casella degli strumenti ". Viene visualizzata la Casella degli strumenti. La casella degli strumenti contiene i controlli quali le caselle di testo , pulsanti e controlli di dati.
10
Fare doppio clic sul controllo "Pulsante" . Un pulsante apparirà nella finestra di disegno vicino alla parola "Test ".
11
Fare doppio clic sul pulsante che è stato inserito nella finestra di progettazione . Visual Studio verrà creato un evento "a click" per il pulsante .
12
Fare clic sul pulsante "Source " nella parte inferiore dello schermo. La finestra "Modifica" riapparirà . Potrai vedere il codice sorgente per il controllo pulsante aggiunto al form.
13
Fare clic sul pulsante "Split" nella parte inferiore dello schermo. Visual Studio visualizzerà una vista combinata che mostra la finestra "Modifica " in alto e la finestra "Progettazione " in basso .
14
Individuare il file denominato " Default.aspx.cs " nella soluzione Explorer. Questo file contiene il codice C # per la forma " Default.aspx.cs " . Fare doppio clic sul file per visualizzarne il codice C # nella finestra "Modifica"
15
Individuare il blocco di codice seguente nella finestra " Modifica" : .
Protected void Page_Load (object sender , EventArgs e) {
}
16
Inserire il seguente codice sotto quel blocco di codice :
protected void Button1_Click ( object sender , EventArgs e) {
int valore1 = 10;
int valore2 = 20;
int valore3 = 30;
}
Questo blocco di codice gestisce l' evento clic del pulsante .
17
destro del mouse su "int valore3 = 30 " e selezionare " Inserisci punto di interruzione . " Visual Studio verrà posto un punto di interruzione su quella linea .
Aggiungere nuovi elementi
18
Locate " MyProject " nel " Solution Explorer " sulla destra dello schermo .
19
destro del mouse su " MyProject " per visualizzare un menu a discesa. Questo menu contiene le opzioni come " Aggiungi ", " Aggiungi riferimento " e "Build ".
20
Selezionare "Aggiungi" e quindi fare clic su " Nuovo elemento ". Il " Aggiungi nuovo elemento " si aprirà . Fare clic su " Web Form " e immettere un nome ( ad esempio " Form2 " ) nella casella "Nome" . Fare clic su "Aggiungi ". Visual Studio aggiungerà il nuovo modulo per il Solution Explorer . Aggiungi come molti nuovi elementi per il progetto che vuoi con questo metodo .
Debug del progetto
21
premi "Ctrl + S " per salvare il progetto. < Br >
22
Fare clic su " Debug " nella parte superiore della schermata.
23
Selezionare "Avvia Debug ". Visual Studio verrà compilare il progetto e visualizzare il modulo predefinito ( Defaut.axpx ) nel Vostro browser .
24
Fare clic sul pulsante nella pagina Web . Visual Studio apparirà e visualizzerà il codice aggiunto nel file " Default.aspx.cs " . Sarà anche evidenziare la riga in cui è posizionato il punto di interruzione .
25
tenere il cursore del mouse su "int valore1 = 10 . " Visual Studio verrà visualizzato il valore memorizzato in " valore1 ". Durante il debug , tenere il cursore su una variabile ad esaminarla.
26
Premere " F11 ". Visual Studio verrà avanzare alla successiva riga di codice .
27
Premere " F5 " di nuovo . Visual Studio elabora tutto il codice . Tornare al browser e fare clic di nuovo il pulsante per passare attraverso il processo di debug di nuovo .
