Die 12 besten Online-IDE- und Code-Editoren zur Entwicklung von Webanwendungen

von

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

Code-Editoren sind der zweitwichtigste Grund für Programmierer-Flame-Wars (der erste ist die Code-Formatierung).

Für einige ist Vim der einzige vernünftige Editor, der jemals geschaffen wurde, während für andere alles, was nicht in die Inception-ähnliche, spiralförmig schwindelerregende Welt von Emacs passt, nur lächerlich gemacht werden kann. Wenn Sie dringend Aufmerksamkeit suchen, müssen Sie nur zu einer Programmier-Community gehen und einen Thread wie „Warum ich denke, dass X (wählen Sie einen beliebigen Code-Editor) scheiße/ist der beste“ starten, sich ein Bier schnappen und entspannen.

Argumente, Gegenargumente und Beleidigungen werden die ganze Nacht über in die Diskussion ein- und ausströmen, und es wird viele Monate dauern, bis 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 im Editor aus – seine Stärken, Schwächen, Grenzen, Macken und verborgenen Schätze.

Nichts ist frustrierender, als sich beim Schreiben von Code mit dem Editor abmühen zu müssen (denken Sie daran, wie ärgerlich es ist, wenn Sie eine lange und dringende E-Mail auf einer neuen Tastatur abschießen müssen!). Code-Editoren reduzieren geistige Reibung und ermöglichen Ihnen, produktiver zu sein, weshalb sie so wichtig sind und so viel Aufmerksamkeit erhalten.

Also, welcher ist der beste Code-Editor?

Ehrlich gesagt, ich werde mich nicht einmal trauen, dorthin zu gehen! 😀 😀

Wenn Sie sich jedoch für Webentwicklung interessieren, gibt es eine Alternative, über die Sie nachdenken sollten – Online-Code-Editoren! Sie können sie auch Cloud-basierte Code-Editoren nennen.

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

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

Klingt komisch, oder?

Das habe ich auch empfunden, als ich vor 3-4 Jahren auf sie gestoßen bin. Warum zum Teufel sollte jemand alles einem dummen Browser überlassen wollen?

Kann es sogar mit einem nativ installierten Code-Editor mithalten?

In den meisten Fällen, insbesondere bei der Webentwicklung, lautet die Antwort ja. Obwohl ich Online-Editoren nicht als mein primäres Medium angenommen habe, stelle ich fest, dass ich sie immer häufiger in bestimmten Szenarien verwende.

Bevor wir uns damit befassen, welche Code-Editoren verwendet werden können, lassen Sie uns innehalten und darüber nachdenken, wann Online-Code-Editoren sinnvoll sein können.

Null-Setup

Ich weiß nicht, wie es Ihnen geht, aber meinen Lieblingseditor nach meinem Geschmack auf einem neuen System einzurichten, ist nichts, worauf ich mich freue. Plugins, Themes, Schriftarten, Shortcuts, Snippets, Einstellungen . . . Es gibt eine endlose Liste von Dingen, die ausgeglichen werden müssen, bevor das Ganze brauchbar wird. Es ist leicht, etwas zu übersehen, nur um sich später zu ärgern, wenn Ihr Arbeitsablauf unterbrochen wird.

Mit einem Online-Editor ist dagegen nach der Ersteinrichtung nichts mehr zu machen. Offizielle Builds, Updates, nächtliche Builds, unterstützte Plattformen, Systemarchitektur, FTP-Synchronisierung, CI/CD-Pipelines – nichts davon spielt eine Rolle, solange Sie einen Browser haben!

Zusammenarbeit

Meistens müssen Sie mit anderen Entwicklern zusammenarbeiten, wenn Sie Probleme lösen oder etwas debuggen.

Der herkömmliche Code-Editor ist dafür nicht ausgelegt – es gibt keinen Spielraum für gleichzeitiges Bearbeiten, Kommentieren oder Hervorheben von Code, und es ist schwierig, Unterstützung dafür hinzuzufügen.

Datensicherheit

Nun ist es eine Selbstverständlichkeit, dass heute kein Projekt ohne Versionskontrolle ist, was bedeutet, dass eine Kopie des Codes jederzeit im Repository vorhanden ist. Allerdings 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 Daten-Dumps, mit denen Ihr Code interagiert, obwohl diese nicht Teil der Live-Anwendung sind. Was passiert mit ihnen, wenn Ihr Laptop Feuer fängt?

(Okay, es sieht so aus, als wäre ich besessen davon, dass Notizbücher Feuer fangen, aber du verstehst, worauf es ankommt, oder?!)

Disziplin durchsetzen

Dagegen könnte auch vor dem Gericht für Entwicklerrechte argumentiert werden (falls es so etwas gibt), aber die Wahrheit ist, dass Entwickler selten ihre Launen für das Gemeinwohl opfern.

Zum Beispiel wird ein eingefleischter Sublime Text-Enthusiast jeden der exzellenten Editoren von JetBrains voll und ganz annehmen und jede Gelegenheit finden, auf seine speicherhungrige Natur und langsamere 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 die Programmierer in Ihrem Team die Hörner nicht sperren 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 er wird sich einfach weigern, Arbeit anzunehmen, bis er alle Standards erfüllt. Hart für den Einzelnen vielleicht, aber großartig für das Projekt!

Inzwischen gehen mir die Anwendungsfälle aus, also lasst uns zu den Optionen eilen, die wir haben, wenn es um Online-Code-Editoren geht, insbesondere für die Webentwicklung.

JSFiddle

Während JSFiddle kann keinen vollwertigen Texteditor ersetzen, macht aber einen verdammt guten Job im Umgang mit 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.

  Datenqualität: Ein umfassender Leitfaden

Damit es schnell losgeht, bietet JSFiddle zum Start einige Boilerplates an; Das heißt, wenn Sie eine Demo von beispielsweise React starten möchten, müssen Sie nur auf die entsprechende Schaltfläche klicken und mit dem Schreiben des Codes beginnen. Sobald Sie auf Speichern klicken, wird die „Fiddle“ gespeichert und Sie erhalten eine permanente URL (Schauen Sie sich diese dumme Fiddle an, die ich erstellt habe: https://jsfiddle.net/tuqd76c4/ und beachten Sie, dass Sie Ihre Änderungen vornehmen und auf Save drücken können, um eine neue zu erstellen Version dieser URL).

Folgendes macht JSFiddle zu einer praktikablen Plattform für die Front-End-Webentwicklung:

  • Kostenlos zu verwenden (keine versteckten Gebühren oder Freemium-Funktionen). JSFiddle unterstützt sich selbst durch Werbung (zumindest zum Zeitpunkt des Schreibens), und Sie können eine Adobe-Werbung unten links im obigen Screenshot sehen.
  • Kodierungsfunktionen für die Zusammenarbeit – ideal für die gemeinsame Erstellung von Konzepten, Interviews usw.
  • Mehrere Layouts, Schriftgrößen, helle/dunkle Themen usw.
  • Codeformatierung (Aufräumen), bevorstehende Unterstützung für Linters (CSS und JS) und mehr.

Und jetzt, schluchz, schluchz, für die schlechten Sachen:

  • JSFiddle ist ein reiner Frontend-Editor. Es gibt keine Möglichkeit, Ihre bevorzugte Backend-Sprache zu codieren und auszuführen.
  • Hier gibt es kein Konzept von Dateien und Ordnern (oder Uploads). Alles, was Sie haben, ist ein einziger Platz für Code, egal wie viel davon vorhanden ist.
  • JSFiddle kann nicht zum Hosten von Code auf Ihrem Server verwendet werden. Der Code muss auf JSFiddle sein und ist die ganze Zeit öffentlich.
  • Es gibt keine Möglichkeit, eine CI/CD-Pipeline zu erstellen, Git zu verwenden usw.

Allerdings hat JSFiddle seinen optimalen Punkt und glänzt, wenn Sie Proofs-of-Concept austeilen und mit Lichtgeschwindigkeit zusammenarbeiten müssen. Es ist und bleibt eine große Identität unter den Online-Redakteuren.

CodeSandbox

CodeSandbox kann als eine viel leistungsfähigere und vollständigere Version von JSFiddle angesehen werden. Getreu seinem Namen bietet CodeSandbox eine vollständige Code-Editor-Erfahrung und eine Sandbox-Umgebung für die Front-End-Entwicklung.

CodeSandbox ist ein echtes Kraftpaket und ein süßes, süßes Produkt. Mir würde das Papier ausgehen, wenn ich versuche, alle seine Vorteile aufzulisten, aber hier sind einige Killer-Features:

  • 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 zum öffentlichen Ordner hinzufügen/entfernen und Module nach Belieben erstellen/importieren. Der Workflow entspricht dem eines modernen Modul-Bündlers, sodass Sie (fast) nichts einrichten müssen.
  • Unterstützung für TypeScript, Hot Reloading, GitHub-Export, Hosting statischer Dateien usw.
  • Es basiert auf dem Monaco-Editor, dem gleichen Biest, das den Favoriten antreibt VSCode Editor. Dies bringt leistungsstarke Funktionen wie „Gehe zu“, „Referenzen suchen“ und die notwendige Umgestaltung auf Knopfdruck!
  • Snippet-Unterstützung für Emmet
  • Integrierte DevTools, Linting, Fehlerüberlagerungen, Testframeworks (Jest), Tastenkombinationen und mehr.
  • Leistungsstarke CLI zum direkten Importieren lokaler Projekte in CodeSandbox.

Während die kostenlose Version von CodeSandbox keinen privaten Code unterstützt, können Sie diese Funktion erhalten (und die Größenbeschränkungen insgesamt erhöhen), indem Sie ihnen helfen Patreon für nur 5 US-Dollar pro Monat (zahlen Sie, was Sie wollen, bis zu 50 US-Dollar pro Monat).

CodeAnywhere

Ein Problem mit den meisten Code-Editoren auf dieser Liste (zumindest bisher) besteht darin, dass sie erwarten, dass Sie den Code jederzeit auf ihren Servern aufbewahren, oder dass Sie den Code regelmäßig über die Befehlszeile synchronisieren müssen.

Nicht so mit CodeAnywhere.

Am stärksten hat CodeAnywhere zwei Funktionen, die für mich herausstechen:

  • Vorgefertigte Container-Images für über 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 auf dem neu erstellten Container gehostet und Dateien werden direkt von dort bereitgestellt.
  • Verbinden Sie sich mit allem. Ja, buchstäblich alles. Sie sind nicht verpflichtet, Ihren Code auf den Servern von CodeAnywhere zu speichern. Unabhängig davon, ob sich Ihr Code auf FTP, File-Sharing-Plattformen wie Dropbox, Amazon S3 oder auf hochentwickelten Versionskontrollplattformen wie GitHub befindet, können Sie CodeAnywhere einfach so einrichten, dass es aus dieser Quelle liest und in diese schreibt, indem Sie den Code-Editor nur für . . . Nun, Codebearbeitung. 😛

Auf eine weitere Sache möchte ich hinweisen: Wenn Sie mit Git nicht vertraut sind, wenn es darum geht, den Verlauf und die Unterschiede anzuzeigen, fühlt sich CodeAnywhere möglicherweise wie ein Seufzer der Erleichterung an. Der Editor verwendet sein Diff-System zum Vergleichen von Dateien, mit dem Sie zwei Dateien über zwei beliebige Revisionen hinweg vergleichen können (bei jedem Speichern einer Datei wird eine Revision erstellt).

Es gibt jedoch einen kleinen Haken bei Revisionen – mit der kostenlosen Version können Sie nur eine Revision pflegen, während der kleinste kostenpflichtige Plan höchstens 20 Revisionen zulässt. Im Allgemeinen ist es kein Problem, da Sie selten über die letzte 20. Revision hinausblicken möchten, aber da die meisten Programmierer die Angewohnheit haben, ein paar Mal pro Minute auf Speichern zu drücken, kann es schmerzhaft 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 Fähigkeiten über den Front-End-Code hinausgehen, ist es meiner Meinung nach sehr zu empfehlen!

StackBlitz

Wenn Sie sich hauptsächlich für Front-End interessieren und sich nicht von der VSCode-Oberfläche entfernen können, StackBlitz wurde nur für Sie erstellt.

Sehen Sie nichts Besonderes?

Ich tat es auch nicht, bis ich ein wenig nach unten scrollte und auf die Schaltfläche Angular klickte. Boom!

Ratet mal, das wurde nicht absichtlich so erstellt, dass es wie VSCode aussieht – es basiert auf dem VSCode-Editor! So sehr, dass Sie Erweiterungen installieren, Ordner durchsuchen und Dateien so organisieren können, wie Sie es von einer normalen VSCode-Instanz erwarten würden.

  So reparieren Sie einen eingefrorenen Mac

Aber warte, es gibt noch mehr!

Das ist Ihnen vielleicht aufgefallen oder auch nicht:

  • Alle auf StackBlitz erstellten Anwendungen werden auch automatisch auf ihren Servern bereitgestellt! Diese Angular-Spielzeug-App, die ich gerade erstellt habe, wird also automatisch auf https://angular-yvyi2j.stackblitz.io/ gehostet. Höchstwahrscheinlich funktioniert die URL immer noch (wird jedoch langsam geladen, wie Sie es erwarten würden, wenn es kostenlos gehostet wird)!
  • Sie können das Projekt forken und teilen. Beim Teilen erhalten Sie eine genauere Kontrolle darüber, was andere tun können.
  • Sie können sich mit einem GitHub-Repository verbinden und Code auch direkt von dort ziehen/pushen lassen. Oder Sie laden das Projekt einfach auf die gute alte Art als Zip-Datei herunter.

Aber warte, es gibt noch mehr!

Ernsthaft! 😀

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 düsteren Tiefen des Backends eintauchen wollen)
  • Intellisense, Projektsuche
  • Heißes Nachladen während der Eingabe
  • Importieren Sie npm-Pakete
  • 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 nehmen. Das Einbetten von VSCode in Ihre Website ist kein Traum mehr!

AWS Cloud9

Wolke 9 war wohl die erste browserbasierte IDE, die ernsthafte Funktionen bot und die Idee des Browsers als Editor zum Mainstream machte. Kein Wunder, dass Amazon es später erwarb, und heute ist Cloud9 Teil des AWS-Angebots.

Wenn Sie auch nur aus der Ferne mit der AWS-Plattform verbunden (oder daran interessiert) sind, endet Ihre Suche nach einem perfekten (okay, nahezu perfekten) Editor bei Cloud9.

Mal 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 Drittanbieter-Server zu verbinden – völlig kostenlos! 🙂
  • Erstklassiger Support für AWS Serverless-Anwendungen (Debugging etc.)
  • Direkter Terminalzugriff auf AWS aus dem Editor (ehrlich gesagt, ein anständiger In-Editor, das Terminal mit Registerkarten ist das, was ich in VSCode immer noch vermisse)
  • Über 40 unterstützte Programmiersprachen (Go, C++, Ruby, Node, Python, PHP, Java … treffen Sie Ihre Wahl)

Wünschenswert sind auch die Kollaborationsfunktionen in Cloud9, die eine reibungslose Durchführung von Reviews/Interviews ermöglichen.

Ein weiteres Killer-Feature ist die Wiedergabe der an einer Datei vorgenommenen Änderungen im Videostil, wodurch der Überprüfungsprozess zum Vergnügen wird:

Mein Rat?

Wenn Sie sich für AWS interessieren, dann warten Sie nicht und greifen Sie gleich zu Cloud9. Und wenn Sie noch nicht in der Cloud sind, aber darüber nachgedacht haben, einen Schritt zu machen, nehmen Sie AWS an und integrieren Sie Cloud9 in Ihren Workflow. Eine bessere Entscheidung kann man so oder so nicht treffen!

Gitpod

Gitpod ist eine erfrischende Version von Cloud-Code-Editoren (oder IDEs, wenn Sie so wollen), die darauf abzielt, Ihren Code immer getestet und auf dem neuesten Stand zu halten. Mit anderen Worten, es ist tief in GitHub integriert, und jedes Mal, wenn Sie Code hinzufügen, führt es Ihre Test- und CI/CD-Pipelines aus, um sicherzustellen, dass der Code immer zu 100 % intakt ist.

Es lohnt sich, es auszuprobieren, wenn Sie das VSCode-Erlebnis lieben und etwas suchen, das alle wichtigen Back-End-/Front-End-Sprachen und Frameworks unterstützt (Django, Rails, Revel, wie Sie es nennen).

Theia

Wenn Sie ein eingefleischter SOLID-Fan und ein pingeliger Software-Architekt sind, ist die Theia IDE wird Ihren Trennungsknochen kitzeln. Es ist eine TypeScript-codierte (fünf Punkte für Stil auf Anhieb!) Code-IDE, die ein perfekt getrenntes Front-End und Back-End hat. Das Front-End wird in einem Browser ausgeführt, während das Back-End überall sein kann – auf einem lokalen Computer oder in der Cloud!

Aber das ist noch nicht alles – das Front-End kann als Electron-App mit einer voll funktionsfähigen, isolierten Browserumgebung ausgeführt werden, die Ihnen das Look-and-Feel einer nativen Desktop-App gibt, falls Sie sich danach sehnen.

GitHub-Codespaces

GitHub-Codespaces bietet leistungsstarke virtuelle Maschinen zum Ausführen von Codes zur Entwicklung von Webanwendungen. Mit dem Visual Studio Code, der einen Editor und ein vollständiges Ökosystem enthält, wird Ihnen die Arbeit im Browser leichter fallen.

Probieren Sie die neueste Entwicklungsumgebung für die Projekte zusammen mit vorgefertigten Images aus. Sie werden eine niedrige Latenz in verschiedenen Regionen erleben, indem Sie Ihre VMs auf bis zu 64 GB RAM und 32 Kerne skalieren. Beginnen Sie mit der Codierung mit den standardisierten Umgebungen, Hardwarespezifikationen, Editoreinstellungen, Erweiterungen und Laufzeitanforderungen.

Sie können die Abhängigkeiten zwischen den Projekten mit docker-compose und Containern isolieren. Darüber hinaus können Sie die Änderungen, die Sie vorgenommen haben, einfach im Browser in der Vorschau anzeigen und öffentliche sowie private Ports mit Teamkollegen teilen. Sie können auch nerdige Details wie Leerzeichen, Tabulatoren, hell, dunkel, verschönern, hübscher, solarisiert, Monokai und vieles mehr bearbeiten oder hinzufügen.

Anfänger, die ihr Glück versuchen möchten, können GitHub Codespaces kostenlos mit begrenzten Vorteilen nutzen, aber Sie werden genug Funktionen haben, um weiterzumachen. Wenn Sie ein Team oder ein Unternehmen sind, können Sie mit der Nutzung von GitHub Codespaces für 40 $/Benutzer/Jahr beginnen.

JetBrains

Holen Sie sich in Sekundenschnelle frische, reproduzierbare, einsatzbereite und automatisierte Space-Cloud-Entwicklungsumgebungen und beginnen Sie mit dem Programmieren JetBrains-IDE – Raum. Es ist die einzige Lösung für Softwareprojekte und -teams, indem es die Verantwortung für den gesamten Entwicklungslebenszyklus übernimmt, angefangen bei CI/CD-Pipelines und dem Hosten von Git-Repositories bis hin zu den Veröffentlichungspaketen.

  Hören Sie sich die am wenigsten gespielten Songs auf Spotify von jedem Künstler an

Space ist die dedizierte virtuelle Maschine mit dem Docker-Container. Sie können alle wesentlichen Bibliotheken und Tools installieren, die Sie im Projekt benötigen. Optimieren und beschleunigen Sie die Onboarding-Erfahrung, indem Sie die Coding-Workspaces teilen und reproduzieren, wann immer Sie möchten.

Ermöglichen Sie Neueinsteigern, sofort mit der Entwicklung eines Codes zu beginnen, ohne Zeit mit der Entwicklung einer lokalen Maschine zu verschwenden. Sie erhalten eine vollständige, gebrauchsfertige IDE, wann immer Sie mit dem Schreiben des Codes, dem Debuggen und dem Ausführen in Sekundenschnelle beginnen müssen, 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 nachverfolgt. Sie können die Ressourcen auch ganz einfach in die Entwicklungspipeline integrieren. Je nach Projekt können Sie den bevorzugten Typ der virtuellen Maschine entsprechend der Projektgröße auswählen. Space schont Ihre Ressourcen, indem es den Codierungsarbeitsbereich in den Ruhezustand versetzt, sodass Sie nach der Pause wieder daran arbeiten können.

Beginnen Sie noch heute Ihre Fahrt und erleben Sie die Schönheit dieses Biests kostenlos.

CodeTasty

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

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

Sie werden das gleiche Gefühl haben wie mit Ihrem Desktop zu arbeiten, wenn Sie Ihre Codes in der Cloud bearbeiten und dabei die gleiche Leistung und Geschwindigkeit genießen. CodeTasty versteht die Bedürfnisse jedes Entwicklers; und ermöglicht Ihnen daher, so viele Erweiterungen zu installieren, wie Sie möchten, um Ihre Produktivität zu steigern. Darüber hinaus unterstützt es über 40 Sprachen und hundert Codezeilen in einer Datei.

Probieren Sie CodeTasty kostenlos aus, um einen Sandbox-Arbeitsbereich, 2 FTP/SSH-Arbeitsbereiche, Zusammenarbeit, Terminaloption und 2 Mitarbeiter zu erhalten. Sie können auch mit einem bezahlten Plan von 4 $/Monat beginnen und erhalten die Möglichkeit, Ihre Codes vor dem Ausführen zu überarbeiten.

Wiederholen

Lernen, schreiben und erstellen Sie Code mit Wiederholen’s kostenlose, browserinterne und kollaborative IDE, die über 50 Sprachen unterstützt, ohne viel Zeit mit Setups verbringen zu müssen. Sie können auf jedem Gerät, Betriebssystem und jeder Plattform in Ihrer Sprache programmieren.

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

Darüber hinaus wird der Code in dem Moment, in dem Sie bereit sind, sofort für die Welt live geschaltet. Wenn Sie auch etwas über Code lernen möchten, Replit hat mehr als drei Millionen Technologen, Kreative, leidenschaftliche Programmierer und mehr. Durch die Echtzeit-Zusammenarbeit mit Ihren Teams wird Ihr Team produktiver. Darüber hinaus können Sie mit Hilfe von Plugins während des Codierens Anwendungen, Bots usw. erstellen. 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 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 Ihre Codes nahtlos 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 bereit. Egal, ob Sie die Mac-, iPad-, OS- oder Windows-Version verwenden, Sie können in jedem Browser dieselbe Umgebung verwenden.

Darüber hinaus können Sie mit Linux-Shells webbasierte Entwicklungsumgebungen einfacher und flexibler einrichten. Sie können auch die idealen Dienste für Ihr Portfolio veröffentlichen, z. B. Hosting-Dienste, indem Sie auf den Basisplan upgraden.

Führen Sie Befehle aus, verwalten Sie Dateien, bearbeiten Sie Codes und vieles mehr im Browser selbst. PaizaCloud macht das Hinzufügen von Befehlen wie vim, ssh usw. zum Bearbeiten von Dateien oder Anmelden überflüssig. Stattdessen können Sie die Server einfach und effizient bedienen, genau wie Sie einen Desktop betreiben.

Machen Sie eine Probefahrt mit dem 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

Dies deckt mehr oder weniger alle IDEs und Code-Editoren ab, die es zum Zeitpunkt des Schreibens gibt. Ich habe zwei Arten von Angeboten in dieser Liste ausgelassen: diejenigen, die sich ausschließlich auf Interviews konzentrieren und keine vollwertigen Umgebungen haben (außer natürlich unserem geliebten klassischen JSFiddle), und diejenigen, die anscheinend nichts zu bieten haben beträchtlich und hatte kaum mehr als eine elegante Homepage.

Wenn Sie etwas Leichtes für die Webentwicklung benötigen, können Sie diese Code-Editoren erkunden.