Empfehlen Sie 14 leistungsstarke Websites zur Codebearbeitung und fügen Sie sie zu Ihren Favoriten hinzu!

In diesem Artikel werden 14 leistungsstarke Websites zur Codebearbeitung empfohlen (Websites, die Ihren Code anzeigen können). Sie alle bieten Online-Vorschaufunktionen, sodass andere sehen können, wie Ihr Code ausgeführt wird. Sie werden manchmal „Codequadrate“ genannt.

Sie bieten nicht nur einfache Code-Anzeigefunktionen, sondern auch viele Funktionen, die bei der Code-Zusammenarbeit und tatsächlichen Programmierprozessen verwendet werden. Wenn Sie beispielsweise jemanden benötigen, der Ihnen beim Debuggen Ihres Quellcodes hilft, können Sie diese Websites verwenden, um Ihren problematischen Code zu teilen und dann den Link mit der Person zu teilen, die Ihnen helfen kann. Dies erleichtert ihnen die Einsicht in Ihren Quellcode und die Bereitstellung von Lösungen.

1. CodePen

Website: https://codepen.io

Auf CodePen können Sie Code namens Stifte demonstrieren. Pen besteht aus HTML, CSS und JS. Codepen verfügt über viele Funktionen, die Ihnen die Anzeige Ihres Codes erleichtern. Es unterstützt beispielsweise SASS- und LESS-Syntax und kann schnell häufig verwendete JS-Bibliotheken wie jQuery, Angular usw. hinzufügen. Schauen Sie sich hier die beliebten Stifte auf der Website an.

2. Liveweave

Website: https://liveweave.com/

Liveweave ist ein großartiger Online-Quellcode-Editor. Es ist auch der ultimative Spielplatz für Website-Designer und -Entwickler, ein großartiges Tool zum Testen, Üben und Vorführen Ihres Codes. Es gefällt mir sehr gut, es ist sehr praktisch, Ihrem Code Abhängigkeiten von Drittanbietern hinzuzufügen. Sie können Ihrem Code mit nur zwei Klicks gängige Webentwicklungspakete wie Bootstrap und jQuery hinzufügen.

3. dabblet

Website: https://dabblet.com/

Diese Code-Anzeigeplattform ist eher auf CSS ausgerichtet, verfügt aber auch über HTML- und JS-Anzeigefunktionen. Ein Vorteil besteht darin, dass eine JS-Bibliothek ohne Präfixe verwendet wird, sodass Sie sich keine Gedanken über die Präfixierung von CSS-Eigenschaften machen müssen.

4. JS Fiddle

Website: https://jsfiddle.net/

JS Fiddle verfügt über eine sehr leistungsstarke JavaScript-Code-Anzeigefunktion. Es verfügt über mehrere Versionen von Entwicklungsbibliotheken wie jQuery, MooTools und React. Es verfügt über ein integriertes Code-Analysetool JSHint. Es ermöglicht Ihnen sogar, AJAX-Anfragen über die Echo-API zu simulieren.

5. kodtest

Website: http://kodtest.com/

Diese Code-Hervorhebungs-Website ermöglicht Ihnen die Anpassung der Vorschaugröße und unterstützt mobile Geräte und einige andere häufig verwendete Bildschirmgeräte. Mit dieser Funktion können Sie reaktive Haltepunkte schnell debuggen.

6. Plunker

Website: http://plnkr.co/

Plunker ist eine Online-Community zum Erstellen, Zusammenarbeiten und Teilen Ihrer Website-Entwicklungsideen. Sein Code-Editor verfügt über viele Funktionen. Hier ist eine Liste der meistgesehenen Displays auf Plunker.

7. CSSDeck

Website: http://i.9ipp.com/wp-content/uploads/2015/06/demo-code-cssdeck.jpg

CSSDeck verfügt über eine einfache Benutzeroberfläche. Wenn Sie nach einer einfachen Möglichkeit suchen, Code anzuzeigen, ist dies ein guter Kandidat. Personen, die Ihre Codeanzeige sehen, können unten einen Kommentar abgeben, müssen jedoch zuvor ein Konto auf der Website registrieren oder sich mit einem Github-Konto anmelden.

8, code.reloado.com

Website: http://code.reloado.com/#javascript,html

Dies ist ein weiteres einfaches Tool zum Anzeigen Ihres Codes. Es bietet viele js-Bibliotheken, jQuery, Bootstrap, Prototype, Backbone, TwitterLib, Zepto und so weiter.

9. Ideone

Website: https://ideone.com/

Mit diesem Code-Anzeigetool können Sie serverseitige Codesprachen (PHP, Perl usw.) anzeigen. Kann auch mit Software-Programmiersprachen wie C++ umgehen. Wenn Sie Ihren Code ausführen, zeigt Ideone die Ergebnisse für Sie und Ihre Codeprüfer an. Außerdem werden die gefundenen Kompilierungsfehler aufgelistet.

10, Codepad

Website: http://codepad.org/

Codepad ist eine weitere Option zur Anzeige serverseitiger Sprache. Es unterstützt Programmiersprachen wie PHP, Ruby, C, C++, Python usw.

11. JS Bin

Website: http://jsbin.com/?html, Ausgabe

JS Bin ist eine Code-Anzeigeplattform, die viele Funktionen integriert. Es verfügt sogar über eine Konsole, mit der Sie Ihren Code debuggen und überprüfen können. Seine Konsole ist im Grunde dieselbe wie die Konsole des Chrome-Browsers. Und JS Bin verfügt über Codecasting.

12. Tinkerbin

Website: https://tinkerbin.herokuapp.com/

Tinkerbin ist ein einfaches Codequadrat, das alle Funktionen bietet, die Sie benötigen. Zusätzlich zur Unterstützung von JavaScript unterstützt Tinkerbin auch CoffeeScript, zusätzlich zur Unterstützung von CSS unterstützt es auch Sass/SCSS/Less und zusätzlich zur Unterstützung von HTML unterstützt es auch HAML.

14. SQL Fiddle

Website: http://sqlfiddle.com/

SQL Fiddle ist eine Plattform zur Anzeige Ihrer SQL-Anweisungen. Es kann MySQL, MS SQL, PostgreSQL, Oracle Database, SQLite usw. ausführen.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !