12 beste Online-IDE und Code-Editoren für die Entwicklung von Webanwendungen

Was ist das Nächstbeste zum Programmieren? Der Code-Editor, natürlich!

Code-Editoren sind der zweitwichtigste Grund für Flamewars unter Programmierern (der erste ist die Code-Formatierung).

Für die einen ist Vim der einzige vernünftige Editor, den es je gegeben hat, für die anderen ist alles, was nicht in die spiralförmige, kopfdrehende Welt von Emacs passt, nur zum Gespött geeignet. Wenn Sie unbedingt Aufmerksamkeit wollen, brauchen Sie nur in eine Programmier-Community zu gehen und einen Thread mit dem Titel “Warum ich denke, dass X (wählen Sie einen beliebigen beliebten Code-Editor) scheiße ist/der beste ist” zu starten, ein Bier zu trinken und sich zu entspannen.

Argumente, Gegenargumente und Beleidigungen werden die ganze Nacht lang in die Diskussion einfließen und es wird viele Monate dauern, bis sich das Gift in dem Thread abkühlt.

Die Frage ist: Warum?

Sicher, Menschen schaffen es, aus allem eine große Sache zu machen, aber ich denke, Code-Editoren sind besonders, wenn es um Programmierer geht. Ein typischer Programmierer verbringt fast seine gesamte Zeit (mehr als 98%, wenn ich wetten würde) mit dem Code-Editor seiner Wahl. Sie kennen sich mit dem Editor aus – seinen Stärken, Schwächen, Grenzen, Macken und versteckten Schätzen.

Nichts ist frustrierender, als sich beim Schreiben von Code mit dem Editor herumschlagen zu müssen (denken Sie nur daran, wie ärgerlich es ist, wenn Sie eine lange und dringende E-Mail auf einer neuen Tastatur abschicken müssen!) Code-Editoren verringern die mentale Reibung und ermöglichen es Ihnen, produktiver zu sein. Deshalb sind sie so wichtig und erhalten so viel Aufmerksamkeit.

Welcher ist also der beste Code-Editor?

Ehrlich gesagt, das wage ich gar nicht erst zu sagen! 😀 😀

Wenn Sie sich jedoch mit Webentwicklung beschäftigen, gibt es eine Alternative, über die Sie nachdenken sollten – Online-Code-Editoren! Man kann sie auch Cloud-basierte Code-Editoren nennen.

Verwechseln Sie einen Code-Editor nicht mit einer integrierten Entwicklungsumgebung (IDE). Beides sind zwei verschiedene Dinge und als Entwickler sollten Sie mit diesen mehrsprachigen IDEs vertraut sein.

Kurz gesagt handelt es sich um Editoren, die vollständig auf einem entfernten Server liegen und über den Browser zugänglich sind.

Klingt seltsam, oder?

Das dachte ich auch, als ich vor 3-4 Jahren auf sie stieß. Warum zum Teufel sollte jemand alles einem dummen Browser überlassen wollen?

Kann er überhaupt mit einem nativ installierten Code-Editor konkurrieren?

Wie sich herausstellte, ist die Antwort in den meisten Fällen, insbesondere bei der Webentwicklung, ja. Auch wenn ich Online-Editoren noch nicht zu meinem bevorzugten Medium gemacht habe, verwende ich sie doch immer häufiger in bestimmten Situationen.

Bevor wir uns damit beschäftigen, welche Code-Editoren es gibt, lassen Sie uns innehalten und darüber nachdenken, wann Online-Code-Editoren sinnvoll sein können.

Null-Einstellung

Ich weiß nicht, wie es Ihnen geht, aber ich freue mich nicht gerade darauf, meinen Lieblingseditor auf einem neuen System nach meinen Wünschen einzurichten. Plugins, Themen, Schriftarten, Shortcuts, Snippets, Einstellungen … Es gibt eine endlose Liste von Dingen, die abgeglichen werden müssen, bevor das Ganze nutzbar wird. Es ist leicht, etwas zu übersehen und sich später zu ärgern, wenn Ihr Arbeitsablauf unterbrochen wird.

Im Gegensatz dazu gibt es bei einem Online-Editor nichts zu tun, sobald die erste Einrichtung abgeschlossen ist. Offizielle Builds, Updates, nächtliche Builds, unterstützte Plattformen, Systemarchitektur, FTP-Synchronisation, CI/CD-Pipelines – all das spielt keine Rolle, solange Sie einen Browser haben!

Zusammenarbeit

In den meisten Fällen müssen Sie mit anderen Entwicklern zusammenarbeiten, um Probleme zu lösen oder Fehler zu beheben.

Der herkömmliche Code-Editor ist dafür nicht geeignet. Es gibt keine Möglichkeit, den Code gleichzeitig zu bearbeiten, zu kommentieren oder hervorzuheben, und es ist schwierig, die Unterstützung dafür zu erweitern.

Datensicherheit

Es ist selbstverständlich, dass heutzutage kein Projekt mehr ohne Versionskontrolle auskommt, d.h., dass jederzeit eine Kopie des Codes im Repository vorhanden ist. Dennoch gibt es Zeiten, in denen die Versionskontrolle nicht ausreicht:

• Sie vergessen, neu erstellte Commits zu pushen, und Ihr Laptop fängt Feuer.
• Sie haben andere wichtige Dateien und Datenabzüge, mit denen Ihr Code interagiert, die jedoch nicht Teil der Live-Anwendung sind. Was passiert mit ihnen, wenn Ihr Laptop Feuer fängt?

(Okay, es sieht so aus, als ob ich davon besessen bin, dass Notebooks Feuer fangen, aber Sie verstehen schon, worauf ich hinaus will, oder?)

Disziplin erzwingen

Das könnte man auch vor dem Gericht für die Rechte von Entwicklern anfechten (falls es so etwas gibt), aber die Wahrheit ist, dass Entwickler ihre Launen nur selten für das Allgemeinwohl opfern.

Ein Hardcore-Enthusiast von Sublime Text zum Beispiel wird nie einen der ausgezeichneten Editoren von JetBrains voll und ganz annehmen und jede Gelegenheit nutzen, um auf seinen Speicherhunger und seine geringere Leistung hinzuweisen.

Dasselbe gilt für Tabulatoren vs. Leerzeichen (oder sogar Tabulatoren mit zwei Leerzeichen vs. Tabulatoren mit vier Leerzeichen) – Sie sind naiv, wenn Sie glauben, dass sich die Programmierer in Ihrem Team nicht die Hörner abstoßen werden.

In solchen Fällen ist ein Online-Editor ein Segen – Sie bestimmen die Einstellungen für Projekte (sogar, wie der Code formatiert werden soll), und der Editor weigert sich einfach, Arbeiten anzunehmen, solange sie nicht alle Standards einhalten. Das ist vielleicht hart für den Einzelnen, aber großartig für das Projekt!

Jetzt gehen mir die Anwendungsfälle aus, also lassen Sie uns schnell sehen, welche Möglichkeiten wir haben, wenn es um Online-Code-Editoren geht, insbesondere für die Webentwicklung.

JSFiddle

JSFiddle kann zwar keinen vollwertigen Texteditor ersetzen, aber es leistet verdammt gute Arbeit bei der Bearbeitung von einmaligen Frontend-Skripten.

Es ist so beliebt, dass Q&A-Sites wie StackOverflow bereits die Einbettung von JSFiddle-Links direkt in ihre Plattform unterstützen.

Damit Sie schnell loslegen können, bietet JSFiddle zu Beginn einige Boilerplates an. Wenn Sie also eine Demo von, sagen wir, React starten möchten, brauchen Sie nur auf die entsprechende Schaltfläche zu klicken und den Code zu schreiben. Sobald Sie auf Speichern klicken, wird der “Fiddle” gespeichert und Sie erhalten eine permanente URL (sehen Sie sich diesen albernen Fiddle an, den ich erstellt habe: https://jsfiddle.net/tuqd76c4/ und beachten Sie, dass Sie Ihre Änderungen vornehmen und auf Speichern klicken können, um eine neue Version dieser URL zu erstellen).

Das ist es, was JSFiddle zu einer brauchbaren Plattform für die Front-End-Webentwicklung macht:

• Die Nutzung ist kostenlos (keine versteckten Gebühren oder Freemium-Funktionen). JSFiddle finanziert sich durch Werbung (zumindest zum Zeitpunkt der Erstellung dieses Artikels). Sie können eine Adobe-Werbung unten links auf dem Screenshot oben sehen.
• Funktionen zur Zusammenarbeit am Code – ideal für die gemeinsame Erstellung von Konzepten, Interviews usw.
• Mehrere Layouts, Schriftgrößen, helle/dunkle Themen, usw.
• Code-Formatierung (Aufräumen), zukünftige Unterstützung für Linters (CSS und JS) und mehr.

Und nun, schluchz, schluchz, zu den schlechten Dingen:

• JSFiddle ist ein reiner Front-End-Editor. Es gibt keine Möglichkeit, Ihre bevorzugte Backend-Sprache zu programmieren und auszuführen.
• Es gibt hier kein Konzept von Dateien und Ordnern (oder Uploads). Alles, was Sie haben, ist ein einziger Platz für Code, egal wie viel es davon gibt.
• JSFiddle kann nicht verwendet werden, um Code auf Ihrem Server zu hosten. Der Code muss sich auf JSFiddle befinden und ist die ganze Zeit über öffentlich.
• Es gibt keine Möglichkeit, eine CI/CD-Pipeline aufzubauen, Git zu verwenden, usw.

Abgesehen davon hat JSFiddle seine Stärken und glänzt, wenn Sie Proofs-of-Concept ausgeben und mit Lichtgeschwindigkeit zusammenarbeiten müssen. Es ist und bleibt eine wichtige Identität unter den Online-Editoren.

Codeanywhere

Ein Problem mit den meisten Code-Editoren auf dieser Liste (zumindest bisher) ist, dass sie von Ihnen erwarten, dass Sie den Code ständig auf ihren Servern aufbewahren, oder dass Sie den Code regelmäßig über die Kommandozeile synchronisieren.

Nicht so bei Codeanywhere.

CodeAnywhere zeichnet sich durch zwei Funktionen aus, die für mich besonders hervorstechen:

• Vorgefertigte Container-Images für 72 Programmiersprachen und Frameworks. Das bedeutet, dass Sie direkt aus dem Editor heraus eine neue Entwicklungsumgebung bereitstellen können! Natürlich wird der Code automatisch in dem neu erstellten Container gehostet, und die Dateien werden direkt von dort aus bereitgestellt.
• Verbinden Sie sich mit allem. Ja, buchstäblich alles. Sie sind nicht verpflichtet, Ihren Code auf den Servern von CodeAnywhere zu speichern. Ganz gleich, ob Ihr Code auf FTP, File-Sharing-Plattformen wie Dropbox oder Amazon S3 oder auf ausgefeilten Versionskontrollplattformen wie GitHub liegt, Sie können CodeAnywhere ganz einfach so einrichten, dass Sie von diesem Quellcode lesen und in ihn schreiben können, wobei Sie den Code-Editor nur für … Nun, für die Bearbeitung von Code 😛

Noch eine Sache, auf die ich hinweisen möchte: Wenn Sie sich mit Git nicht wohl fühlen, wenn es um die Anzeige von Historie und Unterschieden geht, könnte CodeAnywhere wie ein Seufzer der Erleichterung sein. Der Editor verwendet sein Diff-System zum Vergleichen von Dateien, mit dem Sie zwei Dateien über zwei beliebige Revisionen hinweg vergleichen können (eine Revision wird jedes Mal erstellt, wenn Sie eine Datei speichern).

Bei den Revisionen gibt es allerdings einen kleinen Haken: In der kostenlosen Version können Sie nur eine Revision verwalten, während der kleinste kostenpflichtige Tarif maximal 20 Revisionen zulässt. Im Allgemeinen ist das kein Problem, da Sie nur selten über die letzte 20. Revision hinausschauen möchten, aber da die meisten Programmierer die Angewohnheit haben, mehrmals pro Minute auf Speichern zu drücken, kann das mühsam werden.

Alles in allem ist CodeAnywhere ein solides, angenehmes Angebot für diejenigen, die in die Cloud wechseln und dort bleiben möchten 🙂 Da seine Möglichkeiten weit über den Front-End-Code hinausgehen, ist es meiner Meinung nach sehr empfehlenswert!

CodeSandbox

CodeSandbox kann als eine viel leistungsfähigere und vollständigere Version von JSFiddle betrachtet werden. Wie der Name schon sagt, bietet CodeSandbox einen kompletten Code-Editor und eine Sandbox-Umgebung für die Front-End-Entwicklung.

CodeSandbox ist ein echtes Kraftpaket und ein tolles, tolles Produkt. Mir würde das Papier ausgehen, wenn ich versuchen würde, all seine Vorteile aufzuzählen, aber hier sind einige Killerfunktionen:

• Npm-Unterstützung: Ja, Sie können so ziemlich jedes Paket hinzufügen, das auf npm verfügbar ist.
• Dateien, Ordner, Module: Sie können Ihren Code in mehrere Dateien aufteilen, Bilder aus dem öffentlichen Ordner hinzufügen/entfernen und Module erstellen/importieren, wie Sie es für richtig halten. Der Arbeitsablauf spiegelt den eines modernen Modul-Bundlers wider, so dass Sie (fast) nichts einrichten müssen.
• Unterstützung für TypeScript, Hot-Reloading, GitHub-Export, Hosting von statischen Dateien, usw.
• Es basiert auf dem Monaco-Editor, demselben Biest, das auch den beliebten VSCode-Editor antreibt. Damit haben Sie leistungsstarke Funktionen wie “Gehe zu”, “Suche nach Referenzen” und das notwendige Refactoring direkt zur Hand!
• Snippet-Unterstützung für Emmet
• Integrierte DevTools, Linting, Fehlerüberlagerungen, Test-Frameworks (Jest), Keybindings und mehr.
• Leistungsstarke CLI zum direkten Import lokaler Projekte in CodeSandbox.

Die kostenlose Version von CodeSandbox unterstützt zwar keinen privaten Code, aber Sie können diese Funktion (und die Größenbeschränkungen insgesamt) erhalten, indem Sie das Unternehmen auf Patreon für nur $5 pro Monat unterstützen (zahlen Sie, was Sie wollen, bis zu $50 pro Monat).

StackBlitz

Wenn Sie sich hauptsächlich mit Front-Ends beschäftigen und sich nicht von der VSCode-Schnittstelle lösen können, wurde StackBlitz genau für Sie entwickelt.

Sehen Sie nichts Besonderes?

Ich auch nicht, bis ich ein wenig nach unten gescrollt und auf die Schaltfläche Angular geklickt habe. Bumm!

Raten Sie mal, das ist nicht absichtlich so gestaltet, dass es wie VSCode aussieht – es basiert auf dem VSCode-Editor! Sie können sogar Erweiterungen installieren, die Ordner durchsuchen und die Dateien so organisieren, wie Sie es von einer normalen VSCode-Instanz erwarten würden.

Aber, warten Sie, da ist noch mehr!

Das haben Sie vielleicht noch nicht bemerkt:

• Alle auf StackBlitz erstellten Anwendungen werden auch automatisch auf den Servern bereitgestellt! Diese Angular-Spielzeuganwendung, die ich gerade erstellt habe, wird also automatisch auf https://angular-yvyi2j.stackblitz.io/ gehostet. Höchstwahrscheinlich funktioniert die URL noch immer (sie wird allerdings langsam geladen, wie Sie es erwarten, wenn sie kostenlos gehostet wird)!
• Sie können das Projekt aufspalten und teilen. Wenn Sie das Projekt freigeben, erhalten Sie eine genauere Kontrolle darüber, was andere tun können.
• Sie können eine Verbindung zu einem GitHub-Repository herstellen und den Code auch direkt von dort ziehen/schieben lassen. Oder Sie können das Projekt einfach auf die gute alte Art und Weise als Zip-Datei herunterladen.

Aber, warten Sie, da ist noch mehr!

Im Ernst! 😀

Hier ist die Liste der offiziellen Funktionen von StackBlitz:

• Native Unterstützung für Firebase (was ich persönlich nicht nutze, aber hey, es ist ein Segen für diejenigen, die nicht in die dunklen Tiefen des Backends eintauchen wollen)
• Intellisense, Projektsuche
• Schnelles Nachladen während der Eingabe
• Importieren von npm-Paketen
• Offline bearbeiten, wenn keine Verbindung besteht!

StackBlitz steckt voller (schöner) Überraschungen, wenn es darum geht, die Hürden bei der Webentwicklung und -bereitstellung zu beseitigen. Das Einbetten von VSCode in Ihre Website ist nicht mehr nur ein Traum!

AWS Cloud9

Cloud9 war wohl die erste browserbasierte IDE, die ernstzunehmende Funktionen bot und die Idee des Browsers als Editor zum Mainstream machte. Kein Wunder, dass Amazon sie später übernommen hat, und heute ist Cloud9 Teil des AWS-Angebots.

Wenn Sie auch nur im Entferntesten mit der AWS-Plattform verbunden (oder daran interessiert) sind, ist Cloud9 der Ort, an dem Ihre Suche nach einem perfekten (okay, fast perfekten) Editor endet.

Lassen Sie uns sehen, warum:

• Für die Nutzung von Cloud9 fallen keine zusätzlichen Gebühren an. Sie können Cloud9 mit einer bestehenden/neuen AWS-Recheninstanz verbinden und zahlen nur für diese Instanz. Es ist auch möglich, sich über SSH mit einem Server eines Drittanbieters zu verbinden – und zwar ganz ohne Gebühren! 🙂
• Erstklassige Unterstützung für AWS Serverless-Anwendungen (Debugging, etc.)
• Direkter Terminal-Zugang zu AWS aus dem Editor heraus (ehrlich gesagt, ein anständiger In-Editor, das Terminal mit Tabs ist das, was ich in VSCode immer noch vermisse)
• Über 40 unterstützte Programmiersprachen (Go, C , Ruby, Node, Python, PHP, Java … suchen Sie sich eine aus)

Die Kollaborationsfunktionen in Cloud9 sind ebenfalls wünschenswert, denn sie ermöglichen die nahtlose Durchführung von Reviews/Interviews.

Eine weitere großartige Funktion ist die Wiedergabe der an einer Datei vorgenommenen Änderungen im Videoformat, was die Überprüfung zu einem Vergnügen macht:

Mein Rat?

Wenn Sie sich für AWS interessieren, dann sollten Sie nicht warten und sich Cloud9 sofort holen. Und wenn Sie noch nicht in der Cloud sind, aber mit dem Gedanken spielen, umzusteigen, dann nehmen Sie AWS an und integrieren Sie Cloud9 in Ihren Arbeitsablauf. Eine bessere Entscheidung können Sie so oder so nicht treffen!

Gitpod

Gitpod ist ein erfrischender Ansatz für Cloud-Code-Editoren (oder IDEs, wenn Sie so wollen), der darauf abzielt, Ihren Code stets getestet und auf dem neuesten Stand zu halten. Mit anderen Worten: Gitpod ist tief in GitHub integriert und führt jedes Mal, wenn Sie Code hinzufügen, Ihre Test- und CI/CD-Pipelines aus, um sicherzustellen, dass der Code immer zu 100% in Ordnung ist.

Es lohnt sich, VSCode auszuprobieren, wenn Sie alle wichtigen Back-End-/Front-End-Sprachen und -Frameworks (Django, Rails, Revel, usw.) unterstützen möchten.

Theia

Wenn Sie ein eingefleischter SOLID-Fan und ein pingeliger Softwarearchitekt sind, dann wird die Theia IDE Ihre Sorgenfalten kitzeln. Es handelt sich um eine mit TypeScript codierte (fünf Punkte für den Stil!) Code-IDE, die über ein vollständig getrenntes Front-End und Back-End verfügt. Das Front-End läuft in einem Browser, während das Back-End überall sein kann – auf dem lokalen Rechner oder in der Cloud!

Aber das ist noch nicht alles – das Frontend kann als Electron-App mit einer voll funktionsfähigen, isolierten Browserumgebung ausgeführt werden, so dass Sie das Aussehen und die Funktionsweise einer nativen Desktop-App erhalten, wenn Sie sich danach sehnen.

GitHub Codespaces

GitHub Codespaces bietet hochleistungsfähige virtuelle Maschinen zur Ausführung von Codes für die Entwicklung von Webanwendungen. Mit Visual Studio Code, das einen Editor und ein komplettes Ökosystem enthält, wird Ihnen die Arbeit im Browser leichter fallen.

Testen Sie die neueste Entwicklungsumgebung für die Projekte, zusammen mit vorgefertigten Images. Durch die Skalierung Ihrer VMs auf bis zu 64 GB RAM und 32 Kerne werden Sie niedrige Latenzzeiten in verschiedenen Regionen erleben. Beginnen Sie die Programmierung mit den standardisierten Umgebungen, Hardwarespezifikationen, Editoreinstellungen, Erweiterungen und Laufzeitanforderungen.

Sie können die Abhängigkeiten zwischen den Projekten mit docker-compose und Containern isolieren. Außerdem können Sie die von Ihnen vorgenommenen Änderungen ganz einfach im Browser in der Vorschau anzeigen und sowohl öffentliche als auch private Ports mit Teamkollegen teilen. Sie können auch nerdige Details wie Leerzeichen, Tabs, hell, dunkel, verschönern, hübscher, solarisiert, Monokai und vieles mehr bearbeiten oder hinzufügen.

Anfänger, die ihr Glück versuchen wollen, können GitHub Codespaces kostenlos und mit eingeschränktem Nutzen nutzen, aber Sie werden genug Funktionen haben, um weiterzumachen. Wenn Sie ein Team oder ein Unternehmen sind, können Sie GitHub Codespaces für $40/Nutzer/Jahr nutzen.

JetBrains

Holen Sie sich in Sekundenschnelle frische, reproduzierbare, einsatzbereite und automatisierte Space-Cloud-Entwicklungsumgebungen und beginnen Sie mit der JetBrains IDE – Space zu programmieren. Es ist die Komplettlösung für Softwareprojekte und -teams, da sie die Verantwortung für den gesamten Entwicklungslebenszyklus übernimmt, angefangen bei CI/CD-Pipelines und dem Hosting von Git-Repositories bis hin zur Veröffentlichung von Paketen.

Space ist die dedizierte virtuelle Maschine mit dem Docker-Container. Sie können alle wichtigen Bibliotheken und Tools installieren, die Sie für Ihr Projekt benötigen. Optimieren und beschleunigen Sie die Einarbeitung, indem Sie die Coding-Workspaces teilen und reproduzieren, wann immer Sie wollen.

Ermöglichen Sie es Neueinsteigern, sofort mit der Entwicklung eines Codes zu beginnen, ohne Zeit für die Entwicklung eines lokalen Rechners zu verschwenden. Sie erhalten eine komplett einsatzbereite IDE, wann immer Sie mit dem Schreiben des Codes beginnen, ihn debuggen und in Sekundenschnelle ausführen, um die Ausgabe zu testen. JetBrains bietet eine zentralisierte Plattform für die Verwaltung der Entwicklungsumgebungen.

Alles, was Sie tun und jede Ressource, die Sie verwenden, wird an einem einzigen Ort verfolgt. Sie können die Ressourcen auch ganz einfach in die Entwicklungspipeline integrieren. Je nach Projekt können Sie den bevorzugten Typ der virtuellen Maschine auswählen, der zur Projektgröße passt. Space schont Ihre Ressourcen, indem es den Coding-Arbeitsbereich in den Ruhezustand versetzt, so dass Sie nach der Pause mit der Arbeit daran fortfahren können.

Starten Sie noch heute Ihre Fahrt und erleben Sie die Schönheit dieses Tieres kostenlos.

CodeTasty

CodeTasty ist eine erweiterbare, intelligente und moderne Cloud-IDE mit vielen zusätzlichen Funktionen, die Sie lieben werden. Sie hilft Ihnen, sauberen und lesbaren Code in Echtzeit in Ihrer bevorzugten Sprache zu schreiben.

Holen Sie sich den Code-Editor, um eine reibungslose Erfahrung mit integrierter Kompilierung, Code-Vervollständigung, Tools zur Fehlererkennung und vielem mehr zu machen. Machen Sie sich keine Gedanken über die Einrichtung; stehen Sie auf und beginnen Sie mit der Arbeit an den Projekten, die direkt vor Ihnen liegen.

Wenn Sie Ihre Codes in der Cloud bearbeiten, haben Sie das gleiche Gefühl wie bei der Arbeit an Ihrem Desktop und profitieren von der gleichen Leistung und Geschwindigkeit. CodeTasty versteht die Bedürfnisse eines jeden Entwicklers und erlaubt Ihnen daher, so viele Erweiterungen zu installieren, wie Sie möchten, um Ihre Produktivität zu steigern. Außerdem unterstützt es über 40 Sprachen und hunderte von Codezeilen in einer Datei.

Testen Sie CodeTasty kostenlos und erhalten Sie einen Sandbox-Arbeitsbereich, 2 FTP/SSH-Arbeitsbereiche, Kollaboration, eine Terminaloption und 2 Mitarbeiter. Sie können auch mit einem kostenpflichtigen Plan von $4/Monat beginnen und erhalten die Möglichkeit, Ihre Codes vor der Ausführung zu überarbeiten.

Replit

Lernen, schreiben und erstellen Sie Code mit der kostenlosen, browserbasierten und kollaborativen IDE von Replit, die mehr als 50 Sprachen unterstützt, ohne dass Sie viel Zeit für die Einrichtung aufwenden müssen. Sie können auf jedem Gerät, Betriebssystem und jeder Plattform mit der Programmierung in Ihrer Sprache beginnen.

Laden Sie Ihre Teamkollegen, Kollegen oder Freunde ein, den Code in Google Docs zu bearbeiten. Sie können Ihren Code in GitHub importieren, um mit GitHub-Repositories zu arbeiten und zusammenzuarbeiten, ohne dass Sie etwas einrichten müssen. Egal, ob Sie mit C , Python, CSS oder HTML vertraut sind, Sie können den Code auf einer einzigen Plattform schreiben und bearbeiten.

Und sobald Sie den Code fertig haben, wird er sofort für die Welt freigegeben. Wenn auch Sie etwas über Code lernen möchten, finden Sie auf Replit mehr als drei Millionen Technologen, Kreative, leidenschaftliche Programmierer und mehr. Durch die Zusammenarbeit mit Ihren Teams in Echtzeit wird Ihr Team produktiver sein. Außerdem können Sie mit Hilfe von Plugins Anwendungen, Bots usw. erstellen, während Sie programmieren. Das Tool hilft Ihnen auch, Ihre Projekte direkt von Ihrem Browser aus zu entwickeln.

Melden Sie sich für ein Konto an und beginnen Sie jetzt mit dem Programmieren.

PaizaCloud

Erstellen Sie Webanwendungen in Ihrem Browser mit der PaizaCloud IDE. Es ist eine Webentwicklungsumgebung für Node.Js, MySQL, Django, Java, PHP, Jupyter Notebook, Laravel, WordPress und mehr.

Mit PaizaCloud können Sie nahtlos Ihre Codes schreiben, ohne sich um die Einrichtung der Umgebung kümmern zu müssen. Öffnen Sie einfach den Browser, und Ihre Umgebung ist innerhalb von drei Sekunden einsatzbereit. Egal, ob Sie eine Mac-, iPad-, OS- oder Windows-Version verwenden, Sie können in jedem Browser dieselbe Umgebung verwenden.

Außerdem können Sie Linux-Shells verwenden, um webbasierte Entwicklungsumgebungen einfacher und flexibler einzurichten. Sie können auch die idealen Dienste für Ihr Portfolio, wie z.B. Hosting-Dienste, veröffentlichen, indem Sie auf den Basisplan upgraden.

Führen Sie Befehle aus, verwalten Sie Dateien, bearbeiten Sie Codes und vieles mehr direkt im Browser. Mit PaizaCloud müssen Sie keine Befehle wie vim, ssh usw. mehr hinzufügen, um Dateien zu bearbeiten oder sich anzumelden. Stattdessen können Sie die Server so einfach und effizient bedienen, als ob Sie einen Desktop verwenden würden.

Testen Sie den kostenlosen Plan mit 2 Kernen und 2 GB Speicher. Oder nutzen Sie die unbegrenzte Serverlebensdauer für 9,80 $/Monat und erhalten Sie zusätzlich 1 GB Speicherplatz.

Fazit

Damit sind mehr oder weniger alle IDEs und Code-Editoren abgedeckt, die es zur Zeit gibt. Zwei Arten von Angeboten habe ich in dieser Liste ausgelassen: diejenigen, die sich rein auf Interviews konzentrieren und keine vollwertigen Umgebungen haben (außer unserem geliebten Klassiker JSFiddle natürlich), und diejenigen, die scheinbar nichts Substanzielles zu bieten haben und kaum mehr als eine schicke Homepage haben.

Wenn Sie etwas Leichtgewichtiges für die Webentwicklung brauchen, können Sie diese Code-Editoren erkunden.