CodePen - es ist eine Plattform für Entwickler, mit der Sie den Code von Webseiten direkt im Browser erstellen, bearbeiten und debuggen können. Es bietet einen bequemen Arbeitsbereich und viele Werkzeuge für eine schnelle und effiziente Entwicklung.
Die Installation von CodePen auf Ihrem Computer ermöglicht es Ihnen, offline zu arbeiten und alle Funktionen der Plattform ohne Internetverbindung zu nutzen. Dieses Handbuch richtet sich an Anfänger, die gerade erst mit der Webentwicklung beginnen und CodePen verwenden möchten, um ihren Code zu erstellen und zu testen.
Stellen Sie sicher, dass die folgenden Komponenten auf Ihrem Computer installiert sind, bevor Sie mit der Installation beginnen:
- PHP - version 5.3 oder höher;
- MySQL - version 5.5 oder höher;
- Apache - version 2.2 oder höher.
Die stabile Version von CodePen kann von der offiziellen Entwicklerseite heruntergeladen werden. Rufen Sie die Download-Seite auf und wählen Sie die für Ihr Betriebssystem geeignete Version aus. Nachdem der Download der Installationsdatei abgeschlossen ist, führen Sie sie aus und folgen Sie den Anweisungen des Installationsassistenten.
Wichtig! Während der Installation müssen Sie möglicherweise den Pfad zu dem Verzeichnis angeben, in dem die CodePen-Dateien installiert werden sollen. Es wird empfohlen, das Stammverzeichnis des Webservers auszuwählen (z. B., C:\xampp\htdocs), um über den Browser auf CodePen zugreifen zu können http://localhost/codepen.
Sobald die Installation abgeschlossen ist, können Sie CodePen starten, indem Sie die oben angegebene Adresse in Ihrem Browser öffnen. Nachdem CodePen heruntergeladen wurde, müssen Sie ein Konto erstellen, um auf die gesamte Funktionalität der Plattform zugreifen zu können. Gehen Sie durch den Registrierungsprozess und melden Sie sich in Ihrem Konto an, um CodePen zu verwenden, um Ihren Code zu entwickeln.
Detaillierte Anweisungen zur Installation von CodePen
Befolgen Sie die einfachen Schritte, um CodePen zu installieren:
1. Besuchen Sie die offizielle CodePen-Website unter dem Link https://codepen.io /.
2. Auf der Hauptseite der Website sehen Sie oben rechts die Schaltfläche "Sign up for free" (Kostenlos anmelden). Klicken Sie darauf.
3. Füllen Sie die erforderlichen Daten auf dem Anmeldeformular aus, z. B. Ihren Namen, Ihre E-Mail und Ihr Passwort. Klicken Sie nach dem Ausfüllen auf die Schaltfläche "Anmelden".
4. Nach erfolgreicher Registrierung werden Sie zu Ihrer persönlichen CodePen-Seite weitergeleitet. Oben auf der Seite sehen Sie die Registerkarten "Stift", "Projekt" und "Post". Klicken Sie auf die Registerkarte "Stift".
5. Sie sehen die Seite zum Erstellen eines neuen Pen oder eines leeren Pen, wenn Sie noch keine Projekte erstellt haben. Das Eingabefeld für den Code befindet sich in der Mitte der Seite, auf der rechten Seite sehen Sie eine Werkzeugleiste für die Arbeit mit dem Code.
6. Um den Code in Ihrem lokalen CodePage zu speichern, klicken Sie auf die Schaltfläche "Speichern" in der Symbolleiste auf der rechten Seite. Sie werden aufgefordert, den Namen des Pen einzugeben und die Art der Sichtbarkeit (öffentlich oder privat) auszuwählen. Nachdem Sie diese Informationen ausgefüllt haben, klicken Sie auf die Schaltfläche "Save and Fork" (Speichern und Verzweigen).
7. CodePen speichert Ihren Code und Sie können später darauf zugreifen, wann immer Sie möchten. Sie können auch einen Link zu Ihrem Stift mit anderen Personen teilen.
Jetzt haben Sie CodePen auf Ihrem Computer installiert, der zum Erstellen und Debuggen Ihres Webseitencodes verwendet werden kann.
Laden Sie das Programm CodePen für Ihr Gerät herunter
Laden Sie das Programm CodePen in den folgenden Schritten herunter:
Schritt 1:
Schritt 2:
Schritt 3:
