An Integrated Development Environment ( IDE) ermöglicht es Programmierern, Software schnell Code mithilfe einer grafischen Benutzeroberfläche (GUI). Microsoft Visual Studio bietet Microsoft. NET-Entwickler die Möglichkeit, die nächste Generation von Desktop-und Web -Anwendungen schnell zu produzieren. Obwohl . NET hat eine steile Lernkurve , können Anfänger Programmierer verwenden Visual Studio , um einfache HTML-Seiten zu erstellen. Erfahrene Entwickler können erkunden Sie die IDE die erweiterten Funktionen und Gestaltung komplexer Anwendungen . Anleitung
Besuchen Sie die Visual Studio -Download-Site (siehe Ressourcen) und klicken Sie auf " Download". Befolgen Sie die Anweisungen , die Microsoft bietet , um die Software zu installieren.
2
Öffnen Sie Visual Studio nach der Installation und klicken Sie auf " Neues Projekt. " Die " New Project" wird geöffnet. Dieses Fenster enthält zwei Bereiche. Ein "Template" auf der linken Seite enthält Vorlagen für verschiedene Arten von Projekten. Diese Vorlagen enthalten " Visual Basic ", " Visual C #" und " Datenbank".
3
Klicken Sie auf den Pfeil neben dem " Visual C #" Vorlage, um seine Struktur zu erweitern . Visual Studio wird der Vorlage Kategorien wie "Windows ", " Web" und "Datenbank anzuzeigen. "
4
Klicken Sie auf die "Web "-Kategorie . Eine Liste von Web-Anwendung und- Steuerelemente in einem Panel auf der rechten Seite angezeigt.
5
Klicken Sie auf " ASP.NET Web Application" und geben Sie den Namen " MyProject " im " File Name" Textfeld . Klicken Sie auf " OK". Visual Studio erstellt eine neue ASP.NET-Webanwendung und zeigt die Benutzeroberfläche.
Bearbeiten einer Datei
6
Suchen Sie die " Explorer "-Panel auf der rechten Seite auf dem Bildschirm. Dieses Panel enthält Ihr Projekt Ordner, Dateien , Referenzen und Eigenschaften .
7
Klicken Sie auf " Default.aspx " Datei im " Explorer ". Die Datei die HTML- Markup-Code wird im "Bearbeiten "-Fenster auf der linken Seite des Bildschirms angezeigt .
8
" tag in den Code und geben Sie " Testing" unterhalb der tag . Klicken Sie auf den " Design" -Button am unteren Rand des Bildschirms . Das " Design" -Fenster wird geöffnet und zeigt eine Design-Ansicht der Webseite . Sie werden sehen, das Wort " Test ".
Entdecken Sie die Ansichten
9
Klicken Sie auf " View" am oberen Rand des Bildschirms und wählen Sie " Werkzeuge ". Die Toolbox wird angezeigt. Die Toolbox enthält Steuerelemente wie Textfelder , Buttons und Daten steuert .
10
Doppelklicken Sie auf den "Button" -Steuerung . Ein Knopf wird im Design-Fenster neben dem Wort angezeigt "Testing ".
11
Doppelklicken Sie auf die Schaltfläche, die Sie im Design-Fenster platziert . Visual Studio erstellt eine " on click "-Ereignis für die Schaltfläche.
12
Klicken Sie auf die Taste "Source" am unteren Rand des Bildschirms. Der "Bearbeiten "-Fenster wird wieder angezeigt. Sie werden den Quellcode für das Button-Steuerelement , mit dem Sie dem Formular hinzugefügt .
13
Klicken Sie auf die " Split "-Button am unteren Rand des Bildschirms zu sehen. Visual Studio zeigt eine geteilte Ansicht, die den "Bearbeiten "-Fenster auf der Oberseite und der " Design" -Fenster auf der Unterseite.
14
Suchen Sie die Datei mit dem Namen " Default.aspx.cs " in der Lösung Explorer . Diese Datei enthält die C #-Code für die " Default.aspx.cs " Form . Doppelklicken Sie auf die Datei, um den C #-Code in den "Bearbeiten " -Fenster anzuzeigen
15
Suchen Sie den folgenden Code-Block in den "Bearbeiten "-Fenster : .
Protected void Page_Load (object sender, EventArgs e) {
}
16
Sie den folgenden Code unter diesem Code-Block :
nichtig Button1_Click (object sender geschützt , EventArgs e) {
int Wert1 = 10;
int Wert2 = 20;
int value3 = 30;
}
Dieser Code -Block behandelt die Schaltfläche Click-Ereignis .
17
rechten Maustaste auf " int value3 = 30 " und wählen Sie " Haltepunkt einfügen . " Visual Studio einen Haltepunkt auf dieser Linie zu platzieren.
Hinzufügen Neuzugänge
18
Suchen " MyProject " in der " Explorer " auf der rechten Seite des Bildschirms .
19
rechten Maustaste auf " MyProject ", um ein Drop- Down-Menü . Dieses Menü enthält Optionen wie "Hinzufügen ", "Add Reference" und "Build ".
20
Wählen Sie " Hinzufügen", und klicken Sie dann auf " Neues Element. " Die "Add New Item" wird geöffnet. Klicken Sie auf " Web Form" und geben Sie einen Namen (z. B. " Form2 ") im Feld "Name" . Klicken Sie auf " Hinzufügen". Visual Studio wird das neue Formular in das Solution Explorer hinzuzufügen. Fügen Sie so viele neue Elemente in das Projekt , wie Sie mit dieser Methode mag .
Debuggen des Projekt
21
Drücken Sie "Strg + S ", um das Projekt zu speichern.
22
Klicken Sie auf " Debug " am oberen Rand des Bildschirms.
23
Wählen Sie " Debuggen starten. " Visual Studio kompiliert das Projekt und zeigt die Standard- Form ( Defaut.axpx ) in Ihrem Browser .
24
Klicken Sie auf die Schaltfläche auf der Web -Seite. Visual Studio erscheint und zeigt den Code, den Sie in der " Default.aspx.cs " Datei hinzugefügt. Ein weiterer Höhepunkt ist die Zeile, in die Sie den Haltepunkt .
25
Halten Sie Ihren Mauszeiger über " int Wert1 = 10 ist. " Visual Studio zeigt den Wert in gespeicherten " Wert1 ". Beim Debuggen , halten Sie den Mauszeiger über eine beliebige Variable , um es zu untersuchen.
26
Presse " F11 ". Visual Studio wird in die nächste Zeile des Codes zu gelangen.
27
Presse "F5 " drücken. Visual Studio verarbeitet den gesamten Code . Kehren Sie zu Ihrem Browser und klicken Sie die Taste erneut , um durch die Debugging-Prozess wieder fort.
