Code-Editoren online.

Anonim

Code-Editoren online.

Der Programmierer hat nicht immer eine spezielle Software, über die es mit dem Code arbeitet. Wenn es passiert ist, dass es erforderlich ist, den Code zu bearbeiten, und die entsprechende Software ist nicht vorhanden, können Sie kostenlose Online-Dienste verwenden. Als nächstes werden wir über zwei solcher Websites und Details detailliert auf das Prinzip der Arbeit in ihnen sprechen.

Bearbeiten Sie den Online-Programmcode

Da es eine große Anzahl ähnlicher Redakteure gibt, und alles ist einfach nicht zu berücksichtigen, haben wir uns entschieden, sich nur auf zwei Internetressourcen zu konzentrieren, die am beliebtesten sind und den Hauptsatz der erforderlichen Tools darstellen.

Oben haben wir die grundlegenden Funktionen des Codepen-Online-Dienstes überprüft. Wie Sie sehen, ist es nicht schlecht, nicht nur, um den Code zu bearbeiten, sondern auch von Grund auf zu schreiben, und teilen Sie ihn dann mit anderen Benutzern. Der einzige Nachteil der Site ist Einschränkungen in der freien Version.

Methode 2: Liveweave

Jetzt möchte ich auf der LiveWeave-Webressource bleiben. Es hat nicht nur einen eingebauten Code-Editor, sondern auch andere Werkzeuge, die wir unten sprechen werden. Die Arbeit beginnt mit der Site wie diesem:

Gehen Sie zu LiveWeave-Website

  1. Folgen Sie der obigen Link, um zur Editor-Seite zu gelangen. Hier sehen Sie sofort vier Fenster. Das erste Codesschreiben in HTML5, im zweiten JavaScript, in der dritten CSS, und das Ergebnis der Zusammenstellung wird im vierten Platz gezeigt.
  2. Vier aktive Fenster auf dem LiveWeave-Service

  3. Eine der Funktionen dieser Website kann beim Einschreiben von Tags als Popup-Tipps betrachtet werden. Sie ermöglichen es Ihnen, die Geschwindigkeit des Sets zu erhöhen und Fehler beim Schreiben zu vermeiden.
  4. Tipps zum LiveWeave-Service anzeigen

  5. Standardmäßig erfolgt die Zusammenstellung im Live-Modus, dh es wird unmittelbar nach Änderungen verarbeitet.
  6. Fertigstellung in Echtzeit auf dem LiveWeave-Service

  7. Wenn Sie diese Funktion deaktivieren möchten, müssen Sie den Schieberegler gegenüber dem erforderlichen Element verschieben.
  8. Deaktivieren Sie die automatische Kompilierung auf dem LiveWeave-Dienst

  9. In der Nähe ist ein- und aus dem Nachtmodus verfügbar.
  10. Schalten Sie den Nachtmodus auf dem LiveWeave-Dienst aus

  11. Sie können mit CSS-Controllern arbeiten, indem Sie auf die entsprechende Taste im linken Bereich klicken.
  12. Gehen Sie zum CSS-Editor auf dem LiveWeave-Service

  13. In dem Öffnen des Menüs wird die Inschrift durch Bewegen der Schieberegler bearbeitet und bestimmte Werte ändern.
  14. Bearbeiten Sie CSS auf dem LiveWeave-Dienst

  15. Als nächstes empfehlen wir, auf die Farbdeterminante aufmerksam zu machen.
  16. Gehen Sie zum Spaltenbrowser auf dem LiveWeave-Service

  17. Sie bieten eine umfangreiche Palette an, in der Sie einen beliebigen Farbton auswählen können, und der Code wird oben angezeigt, der später beim Schreiben von Programmen mit der Schnittstelle verwendet wird.
  18. Arbeiten mit Farbbrowser im LiveWeave-Dienst

  19. Bewegen Sie sich im Menü "Vector Editor".
  20. Gehen Sie zum Vektor-Editor auf dem LiveWeave-Service

  21. Es arbeitet mit grafischen Objekten, die zum Zeitpunkt der Entwicklungssoftware auch nützlich sein wird.
  22. Arbeiten Sie im Vektor-Editor auf dem LiveWeave-Dienst

  23. Öffnen Sie das Popup-Menü Tools. Hier ist verfügbar Template Loading, speichern Sie die HTML-Datei und den Textgenerator.
  24. Springen Sie zum Speichern auf dem LiveWeave-Service

  25. Ein Projekt wird in Form einer Datei heruntergeladen.
  26. Öffnen Sie gespeicherte Dokument aus LiveWeave-Dienst

  27. Wenn Sie die Arbeit speichern möchten, müssen Sie zunächst das Registrierungsverfahren in diesem Online-Service durchlaufen.
  28. Speichern Sie das Projekt auf dem LiveWeave-Dienst

Jetzt wissen Sie, wie der Code auf der LiveWeave-Website bearbeitet wird. Wir können diese Internet-Ressource sicher empfehlen, da es viele Funktionen und Tools enthält, mit denen Sie den Prozess des Programms mit dem Programmcode optimieren und vereinfachen können.

In diesem Artikel ist unser Artikel abgeschlossen. Heute haben wir Ihnen zwei detaillierte Anweisungen zur Arbeit mit dem Code mit Online-Diensten vorgestellt. Wir hoffen, dass diese Informationen nützlich waren und dazu beigetragen haben, über die Wahl der am besten geeigneten Webressource für die Arbeit zu entscheiden.

Siehe auch:

Wählen Sie die Programmierumgebung aus

Programme zum Erstellen von Android-Anwendungen

Wählen Sie ein Programm, um ein Spiel zu erstellen

Weiterlesen