Tutorial for Microsoft Visual Studio

Tutorial for Microsoft Visual Studio


En Integrated Development Environment (IDE) lar programmerere å kode programvare raskt ved hjelp av et grafisk brukergrensesnitt (GUI). Microsoft Visual Studio gir Microsoft .NET utviklere muligheten til å produsere neste generasjons desktop og web-applikasjoner raskt. Selv om NET har en bratt læringskurve, kan uerfarne programmerere bruke Visual Studio til å lage enkle HTML-websider. Erfarne utviklere kan utforske IDE avanserte funksjoner og design mer komplekse applikasjoner.

Bruksanvisning

Opprett et prosjekt

1 Besøk Visual Studio nedlastingsside (se Ressurser) og klikk "Last ned". Følg installasjonsinstruksjonene som Microsoft tilbyr å installere programvaren.

2 Åpne Visual Studio etter installasjon og klikk "New Project". The "New Project" -vinduet åpnes. Dette vinduet inneholder to paneler. En "mal" panel på venstre inneholder maler for ulike typer prosjekter. Disse malene inkluderer "Visual Basic", "Visual C #" og "Database".

3 Klikk på pilen ved siden av "Visual C #" mal for å utvide sin treet. Visual Studio vil vise malens kategorier som "Windows", "Web" og "Database".

4 Klikk på kategorien "Web". En liste over web-applikasjon typer og kontroller vises i et panel til høyre.

5 Klikk "ASP.NET Web Application" og skriv inn navnet "mittprosjekt" i "File Name" tekstboksen. Klikk på "OK". Visual Studio vil skape en ny ASP.NET Web-programmet og vise brukergrensesnittet.

Redigere en fil

6 Finn "Solution Explorer" panel på høyre side av skjermen. Dette panelet inneholder prosjektet mapper, filer, referanser og egenskaper.

7 Klikk på "default.aspx" filen i "Solution Explorer". Filen HTML markup-kode vil vises i "Editing" vinduet på venstre side av skjermen.

8 Finn "<div>" tag i koden og skriver "Testing" under taggen. Klikk på "Design" knappen nederst på skjermen. "Design" vinduet åpnes og viser et design visning av websiden. Du vil se ordet "Testing".

Utforsk Visninger

9 Klikk på "View" på toppen av skjermen og velg "Toolbox". Verktøykassen vil vises. Verktøykassen inneholder kontroller som tekstbokser, knapper og datakontroller.

10 Dobbeltklikk på "Button" kontroll. En knapp vises i utformingen vinduet ved siden av ordet "Testing".

11 Dobbeltklikk på knappen som du plassert i utformingen vinduet. Visual Studio vil skape en "på klikk" hendelse for knappen.

12 Klikk på "Source" -knappen nederst på skjermen. Den "Editing" vindu vil dukke opp igjen. Du vil se kildekoden for kontrollknappen som du har lagt til skjemaet.

1. 3 Klikk på "Split" -knappen nederst på skjermen. Visual Studio vil vise en delt visning som viser "Editing" vindu på toppen og "Design" vindu på bunnen.

14 Finn filen som heter "Default.aspx.cs" i Solution Explorer. Denne filen inneholder C # koden for funksjonen "Default.aspx.cs" form. Dobbeltklikk på filen for å vise sin C # -kode i "Editing" vinduet.

15 Finn følgende kode blokken i "Editing" vinduet:

beskyttet void Page_Load (objekt avsenderen, EventArgs e)

{

}

16 Plasser følgende kode under den koden blokk:

beskyttet void button1_click (objekt avsenderen, EventArgs e)

{

int verdi1 = 10;

int verdi2 = 20;

int verdi3 = 30;

}

Denne koden blokken håndterer knapp klikk hendelsen.

17 Høyreklikk på "int verdi3 = 30" og velg "Sett inn Breakpoint". Visual Studio vil plassere en stoppunkt på den linjen.

Legge til nye elementer

18 Finn "mittprosjekt" i "Solution Explorer" på høyre side av skjermen.

19 Høyreklikk på "mittprosjekt" for å vise en rullegardinmeny. Denne menyen inneholder alternativer som "Add", "Add Reference" og "Bygg".

20 Velg "Legg til" og deretter "Nytt element." "Legg til nytt element" vil åpne. Klikk på "Web Form" og skriv inn et navn (for eksempel "Form2") i "Name" -boksen. Klikk på "Legg til". Visual Studio vil legge til den nye skjemaet til Solution Explorer. Legg til så mange nye elementer i prosjektet som du liker å bruke denne metoden.

Feilsøke Prosjekt

21 Trykk "CTRL + S" for å lagre prosjektet.

22 Klikk "Debug" øverst på skjermen.

23 Velg «Start Debugging." Visual Studio vil kompilere prosjektet og vise standardskjemaet (Defaut.axpx) i din nettleser.

24 Klikk på knappen på websiden. Visual Studio vises og vise koden som du legger til i «Default.aspx.cs" fil. Det vil også markere linjen der du plasserte stoppunkt.

25 Hold musepekeren over "int value1 = 10." Visual Studio vil vise verdien lagret i "verdi1." Mens debugging, holder musepekeren over en variabel for å undersøke den.

26 Trykk "F11". Visual Studio vil gå videre til neste linje med kode.

27 Trykk "F5" igjen. Visual Studio vil behandle all koden. Gå tilbake til nettleseren din og klikk på knappen igjen for å gå gjennom debugging prosessen på nytt.

Hint

  • Bruk Visual Studio "Hjelp" -funksjonen som en tutorial. Det dekker alle Visual Studio funksjon og inneholder eksempelkode samt informative artikler. Brytningspunkter er nyttig når du trenger å stoppe kode på en bestemt kode plassering og undersøke variabler. Plassere så mange stoppunkter som du trenger i koden din for å hjelpe deg å feilsøke programmet.