En Integrated Development Environment (IDE) giver programmører til at kode software hurtigt ved hjælp af en grafisk brugergrænseflade (GUI). Microsoft Visual Studio giver Microsoft. NET-udviklere evnen til at producere næste generations desktop og web-applikationer hurtigt. Skønt . NET har en stejl indlæringskurve , kan novice programmører bruger Visual Studio til at oprette simple HTML websider. Erfarne udviklere kan udforske IDE avancerede funktioner og designe mere komplekse applikationer . Instruktioner
Besøg Visual Studio download site (se Resources) og klik på " Download. " Følg installationsvejledningen , som Microsoft giver for at installere softwaren .
2
Open Visual Studio efter installationen, og klik på " Nyt projekt ". Den " Nyt projekt" vindue vil åbne . Dette vindue indeholder to paneler. A " skabelon" panel i venstre side indeholder skabeloner til forskellige typer af projekter . Disse skabeloner inkluderer "Visual Basic ", " Visual C # " og " Database ".
3
Klik på pilen ved siden af " Visual C #" skabelon til at udvide sin træ. Visual Studio vil vise skabelonens kategorier såsom " Windows ", "Web " og " Database ".
4
Klik på "Web" kategori. En liste af web-applikation typer og kontroller vises i et panel til højre.
5.
Klik på " ASP.NET Web Application ", og indtast navnet " MitProjekt " i " File Name" tekstfeltet . Klik på "OK". Visual Studio vil skabe en ny ASP.NET Web applikation og vise brugergrænsefladen.
Redigere en fil
6
Find " Solution Explorer " panel i højre side af skærmen . Dette panel indeholder dit projekts mapper , filer , referencer og egenskaber.
7.
Klik på " Default.aspx " fil i "Solution Explorer". Filen HTML markup kode vil blive vist i " Redigering " vinduet i venstre side af skærmen .
8
" tag i koden og skriv " Testing" under tag . Klik på " Design "-knappen nederst på skærmen. "Design" vindue vil åbne og vise et design visning af websiden. Du vil se ordet " Testing ".
Opdag Views
9
Klik på " View" i toppen af skærmen og vælge "Toolbox ". Værktøjskassen vises. Værktøjskassen indeholder kontrolelementer såsom tekstbokse , knapper og data kontroller.
10
Dobbeltklik på " Button " kontrol . En knap vises i design vindue ved siden af ordet " Testing ".
11
Dobbeltklik på den knap, du har placeret i design -vinduet. Visual Studio vil skabe en "on click" begivenhed for knap.
12
Klik på "Source" knappen nederst på skærmen. Den " Editing " vinduet vises igen. Du vil se kildekoden til knapper , du har tilføjet til formularen .
13
Klik på " Split" knappen nederst på skærmen. Visual Studio vil vise en split visende " redigering" vindue på toppen og "Design "-vinduet på bunden.
14
Find filen med navnet " Default.aspx.cs " i Solution Explorer. Denne fil indeholder C # kode for " Default.aspx.cs formular". Dobbeltklik på filen for at vise dets C # kode i " Editing " vinduet
15
Find følgende kode blokken i " Redigering " vinduet : .
Protected void Page_Load (object afsender, EventArgs e )
{
}
16
Placer følgende kode under denne kode blok : Hej
protected void Button1_Click (objekt afsender , EventArgs e )
{
int værdi1 = 10;
int værdi2 = 20;
int value3 = 30 ;
}
Denne kode blok håndterer knap klik begivenheden.
17
Højreklik på " int value3 = 30 ", og vælg "Indsæt Breakpoint ". Visual Studio vil placere et breakpoint på denne linje .
Tilføj Nye varer
18
Lokaliseringspunkter " MitProjekt " i " Solution Explorer " til højre på skærmen. < br >
19
Højreklik på " MitProjekt " for at vise en drop -down menu. Denne menu indeholder valgmuligheder såsom " Tilføj ", " Tilføj reference " og " Build ".
20
Vælg " Add" og klik derefter på " Nyt element ". Den " Add New Item " vil åbne . Klik på "Web Form" og indtaste et navn (såsom " Form2 " ) i " Name" feltet . Klik på "Tilføj ". Visual Studio vil tilføje den nye form Solution Explorer. Tilføj så mange nye elementer til projektet , som du vil bruge denne metode.
Debug Project
21
Tryk på " CTRL + S " for at gemme projektet. < Br >
22
Klik på " Debug " i toppen af skærmen.
23
Vælg "Start Debugging ". Visual Studio vil udarbejde projektet og vise standard form ( Defaut.axpx ) i din browser.
24
Klik på knappen på websiden. Visual Studio vil dukke op og vise den kode, som du har tilføjet i " Default.aspx.cs " fil . Det vil også fremhæve den linje hvor du placerede breakpoint .
25
Hold musemarkøren over " int værdi1 = 10 ". Visual Studio vil vise værdien gemt i " værdi1 ". Mens debugging , skal du holde markøren over en variabel til at undersøge det.
26
Tryk på " F11 ". Visual Studio vil gå videre til næste linje kode .
27
Tryk på " F5 " igen. Visual Studio vil behandle al koden . Vend tilbage til din browser og klikke på knappen igen for at gå gennem debugging processen igen .