Schnelle kostenlose JavaScript-IDE, die Debugging, automatische Codevervollständigung, anpassbare Benutzeroberfläche, detaillierte Fehlerberichte und Unterstützung von Windows unterstützt

Ich habe hier viele Antworten auf ähnliche Fragen überprüft, aber meine Anforderungen waren unterschiedlich.

Hintergrund :

Ich bin ein Entwickler, der von traditionellen kompilierten Sprachen zu modernen webzentrierten Sprachen übergeht, wobei der Löwenanteil auf JavaScript ausgerichtet ist (Node.js, ExpressJS, Jasmine usw.). Obwohl ich Visual Studio 2013 habe und es die meisten dieser Funktionen hat, ist es für meine Anforderungen nicht sofort einsatzbereit und ehrlich gesagt bisher fehlerhaft. Zum Beispiel wird es gelegentlich etwas redlinen, das tatsächlich funktioniert.

Apropos Zeit, ich habe im Moment nicht viel Zeit, um ein paar IDEs auszuprobieren, geschweige denn, mich mit ihnen vertraut zu machen.


Anforderungen :

-Einfache/Sanfte Lernkurve. Ich möchte dieses Ding installieren und loslegen, nicht herumspielen und einen Haufen benutzerdefinierten Mist einrichten und beten, dass ich nichts vermasselt habe.

-Debugging mit guter, detaillierter Fehlerberichterstattung

-Kostenlos* (für kommerzielle Nutzung)

-Windows 10-kompatibel (Die meisten für 8/8.1 bewerteten Dinge scheinen bisher zu funktionieren)

-Offline-Version (keine 100 % Cloud-Apps)


Einstellungen :

-Anpassbare UI-Farbschemata für Text/Hintergrund


Dinge, die ich ausprobiert habe, die mir nicht gefallen haben, oder Dinge, die ich nicht mag, da sie nicht kostenlos sind:

-WebStorm: Nicht kostenlos. Ich höre großartige Dinge über diese IDE hier.

-Klammern: Die automatische Formatierung ist mit diesem Programm außer Kontrolle geraten, und anstatt dies einfach innerhalb des Programms/der Benutzeroberfläche zu ändern, müssen Sie JSON-Konfigurationsdateien erstellen? Willst du mich verarschen? Ja, das scheitert definitiv an der Lernkurve ... Blöder Overkill.

-Erhabener Text 2: Nicht kostenlos und nicht Javascript-freundlich

-Notepad++: Sehr praktisch, aber immer noch nur ein Texteditor

-JavaScript-IDE für Eclipse: Ich weiß immer noch nicht, was zum Teufel ich tun muss, um eine einfache JS-Datei damit auszuführen, aber ich habe es aufgegeben. Es interessiert mich nicht einmal mehr. Darüber.

-Cloud9: Cloud-basierte IDE. Ja, nein danke. Das ist zu viel Kontrolle in den Händen meines Tools statt umgekehrt, und das Ganze ist mit ihrer Cloud-Anforderung verbunden. Ich dachte nicht, dass es ein Problem sein würde, bis ich es tatsächlich ausprobierte.

-Atom: Die nervigste UX zur Codevervollständigung, die ich je gesehen habe. Zuerst habe ich gelacht, dann habe ich geweint.

-Microsoft WebMatrix 3: Ich konnte dies nicht unter Windows 10 installieren, weil ich seine Voraussetzungen unter Windows 10 nicht installieren konnte. Boo.



* Wenn WebStorm mit kostenlosen IDEs den Unterschied zwischen Tag und Nacht ausmacht, betonen Sie bitte diesen Punkt. Ich halte es nicht für eine akzeptable Antwort, aber ich werde Ihre Empfehlung ernst nehmen und mich mit dem Dilemma zwischen kostenlos und Premium auseinandersetzen.

Antworten (4)

Nicht die schnellste, aber eine der zuverlässigsten der kostenlosen Java- und JavaScript-IDEs ist Eclipse - Sie werden vielleicht sogar feststellen, dass viele Dinge vertraut sind, da mehrere eingebettete Compiler-Toolketten Anpassungen von Eclipse als ihre IDE verwenden.

  • Kostenlos , Kostenlos & Open Source
  • Plattformübergreifend – einschließlich Windows 7/8/10, OS/X, Linux
  • Geschrieben in Java
  • Hochgradig anpassbar
  • Gute Debug- und Testunterstützung
  • Viele Plug-Ins verfügbar für Dinge wie verschiedene Integrationen zur Versionskontrolle, *git, svn, *
  • Die Lernkurve ist nicht zu steil
  • Riesige und hilfreiche Benutzerbasis
  • Mehrere vordefinierte Pakete, darunter Eclipse IDE für Java-Entwickler und Eclipse für PHP-Entwickler , letzteres enthält insbesondere:
    • JavaScript-Entwicklungstools
    • PHP-Entwicklungstools
    • Eclipse-XML-Editoren und -Tools
    • Eclipse-Git-Teamanbieter
    • Mylyn-Aufgabenliste
  • Unterstützung für andere Websprachen, einschließlich PHP, XML usw.
Wissen Sie zufällig, ob sich Eclipse in den letzten 8-10 Jahren stark verändert hat? Ich kann nicht sagen, dass ich es furchtbar mochte, als ich es damals ausprobierte. So oder so, gute Antwort! Dieser ist sicherlich ein Anwärter, aber ich sitze vorerst fest.
Hallo @SteveBarnes. Entschuldigung für diese dumme Frage, aber gab es einen bestimmten Grund für die Betonung Ihrer Antwort auf Java und nicht auf JavaScript?
Weniger zu tippen & die meisten IDEs, die Java abdecken, machen auch JS + ein deutlicher Mangel an Koffein zu dieser Zeit könnte einen Freudschen Einfluss gehabt haben! Ich werde aktualisieren.
Ich war gestern Abend im selben Boot, als ich zum ersten Mal xx geantwortet habe. Ich kam zurück, um Updates zu erhalten, und musste ein bisschen zweimal hinsehen :) Danke, dass Sie einen weiteren Höhepunkt erreicht haben!
Kein Problem - hier geht es gerade auf 06:00 Uhr zu.
Ich habe es versucht. Ich habe keine Ahnung, was das UX sein sollte , aber nachdem ich es heruntergeladen und eines meiner Skripts geladen hatte, entschied es, dass es mich das Skript nicht ausführen lassen würde, noch hatte es eine Codevervollständigung. Ich bin mir sicher, dass diese Funktionen und Fähigkeiten irgendwo funktionieren , aber nicht sofort einsatzbereit. Schlechtes UX!

Brackets erfüllt (fast) alle Ihre Anforderungen.

Ich verwende es gerne für AngularJS unter Windows 10. Ich programmiere kein Java und weiß nicht, ob es Plugins für Ihre Versionskontrolle gibt/nicht gibt. Überzeugen Sie sich selbst davon. Den Rest kann ich aber bestätigen.

Was mir besonders gefällt, ist der Live-Vorschaumodus. Änderungen an HTML/CSS werden sofort im Browser angezeigt, ohne dass Dateien gespeichert werden müssen.

Versuchen Sie Klammern. Sie werden es nicht bereuen. Garantiert – oder Ihr Geld zurückerstattet.

Ich liebte die Live-Vorschau-Funktion! Aber ja ... Es sind nicht meine Goldlöckchen :(
Du meinst, Brackets ist nicht dein Goldilocks? Suchen Sie dann weiter, aber kommentieren Sie entweder hier oder (noch besser) bearbeiten Sie Ihre Frage, um genau anzugeben, welche Funktionen fehlen, damit andere Ihre Suche unterstützen können. Viel Glück
Danke, @Mawg. Dies hat sich vom Stellen einer Frage zu der Teilnahme an einigen unausgegorenen Aufgaben in einem Dutzend Texteditoren und IDEs entwickelt. Genau das wollte ich vermeiden ... So ist das Leben, nicht wahr?
Ich fühle deinen Schmerz ;-) Aber wenn du sie nicht alle selbst ausprobieren willst (und ich nehme es dir nicht übel), dann musst du extrem detaillierte Anforderungen stellen. Ich persönlich würde Features in "must have" & "nice to have" einteilen. YMMV zum Beispiel möchten Sie vielleicht priorisieren. Die meisten der SE-Beiträge, die ich beginne, werden nie abgeschlossen. Der Versuch, es einem Dritten klar zu erklären, zwingt mich, mich so sehr zu konzentrieren, dass ich am Ende meine eigene Frage beantworte. Wieder YMMV. Oder Sie könnten sich einfach mit "gut genug" zufrieden geben, anstatt nach "am besten" zu streben ...
Übrigens, Ihre Aussage "Klammern: Nur ein Texteditor" verwirrt mich total. Bist du sicher, dass du es probiert hast? (Nichts für ungut gemeint) Es hat alle Standardfunktionen, die ich mir von einer IDE wünschen könnte. Wenn Sie etwas Besseres finden, das auch AngularJS unterstützt, werde ich sofort wechseln. Aber bis dahin kenne ich keinen besseren (für mich)
Sie haben Recht. Das war unfair von mir. Ich habe Klammern ausprobiert, nachdem ich ungefähr 12 verschiedene Plugins bekommen hatte. Es hat die Erfahrung definitiv verbessert, aber der einzige Debugger, den ich ausprobiert habe, schien sauer auf alles zu sein, was nicht einem bestimmten Codestil entsprach, und ich wusste nicht, wo ich das zurücknehmen sollte. Haben Sie Debugging-Plugins, die Sie empfehlen können? Brackets ist an dieser Stelle so ziemlich mein letzter Strohhalm ... Ich habe alles andere versucht, @Mawg.
Das Abenteuer geht weiter ... Ich habe Theseus zum Laufen gebracht, aber vielleicht zu spät. Tappen ist verrückt! Dieser verdammte Editor tabbt überall herum (3x Tabs? Klar, warum nicht! Willst du einen einzigen Tab? SCHADE!) und ich kann das nicht einfach beheben. Dies scheitert definitiv an der sanften Lernkurve, aber ich habe nicht aufgegeben. Hoffentlich melden sich die Entwickler mit einer Lösung bei mir, anstatt mit einer "harten Mist"-Antwort.
Ich mache mein ganzes Debugging im Developer Consul von Chrome und das reicht mir. Ich kann Breakpoints setzen, Variablen untersuchen, Code schrittweise durchlaufen. Was braucht man mehr? Ich habe auch ein FOSS-PHP-Modul gefunden, mit dem ich den PHP-Teil meines AJAX in der Entwicklerkonsole protokollieren kann. Wenn Sie etwas Besseres finden, werde ich es verwenden. Bitte lassen Sie es uns wissen.
Ja, @Mawg. Das Debuggen darin ist meiner Meinung nach kein großes Problem, aber da ich mit vielen dieser Dinge neu bin und mir nicht bewusst ist, was als gute Entwicklungsumgebung zum Aufstehen gilt. Ich werde in den Chrome-Debugger schauen. Das klingt ziemlich vielversprechend. Aber dieses Tabbing-Geschäft mit Brackets ... Ich werde sehen, ob ich einen Weg finde, es zu stoppen. Es ist seltsam, wie viele Einstellungen in einer JSON-Datei festgelegt sind, die Sie manuell vornehmen und bearbeiten müssen, um Dinge zu tun, die normalerweise für Menüoptionen reserviert sind. Seltsame UX ... oder einfach unterentwickelt, ich bin mir nicht sicher.
Nun, wenn Sie neu sind ... es ist allgemein anerkannt, dass der beste Weg zum Debuggen von Software, die für den Browser gedacht ist, im Browser liegt. Ich benutze Chrome, das sicherlich wegweisend war, aber jetzt wird es von allen unterstützt. Tatsächlich hat FireFox jetzt einen Developer Edition-Browser - mozilla.org/en-GB/firefox/developer . Ich fürchte, ich verstehe Ihre Tab-Probleme nicht. Ich habe nur eine einzige Registerkarte; Klicken Sie weiter herum und hoffen Sie, die richtige Option zu treffen :-)
Aus Gründen, die ich nicht ganz nachvollziehen kann, scheint das Tabbing auf das beschränkt zu sein, was Tabbing Brackets für richtig hält. Wenn ich zum Beispiel einen Zeilenumbruch mit der EINGABETASTE mache und Brackets beschließt, die Tabulatoren 3 zu setzen, ist dies die einzige Stelle, an die es vom Anfang der Zeile an geht. Die einzige Möglichkeit, weniger Tabulatoren zu verwenden, ist Shift+Tab. Es ist wirklich verdammt nervig, und dies ist der einzige Texteditor, den ich verwendet habe, der versucht, seinen eigenen Tab-Stil durchzusetzen, anstatt eine fundierte Vermutung anzustellen und Sie dann Ihr Ding machen zu lassen. Es klingt unbedeutend, aber wenn ich in meinem Stil codieren möchte, verbringe ich viel damit, das Format zu korrigieren

Die relativ neue Version von VisualStudio Code scheint alle Kriterien zu erfüllen. Ich habe es jetzt zum Testen runtergeladen.

https://code.visualstudio.com/docs?start=true

Schauen Sie sich Atom an .

  • Es ist sehr einfach zu lernen, wie man es benutzt
  • Es ist frei
  • Keine allzu große Unterstützung für das Debuggen, obwohl Sie in der Lage sein sollten, ein Addon oder eine Erweiterung zu finden
  • Unterstützt Windows 10
  • Anpassbar in Bezug auf allgemeine Themen (genannt "UI-Themen") und Code-Themen (genannt "Syntax-Themen"). Es gibt eine riesige Sammlung von Themen (siehe hier )

Hoffe das hilft.

Ich habe es nicht getan, aber ich hätte diese Antwort fast abgelehnt. Atom hat meiner Meinung nach eine der dümmsten UXs, die ich je in einem Texteditor gesehen habe. Ich würde ein Video teilen, wenn es nicht umständlich wäre, aber anstatt den Code automatisch zu vervollständigen, hängt es die aktuelle Zeile mit dem gesamten Code-Snippet an, sodass Sie console.l [Autocomplete-Option für 'log'] und anstelle von erhalten es macht console.log();, es macht console.console.log(); Einfach schrecklich.
Sie haben Recht mit der automatischen Vervollständigung von Atom (oder besser gesagt dem Fehlen von). Das hatte ich bei der Empfehlung vergessen.
Schnelle kostenlose JavaScript-IDE, die Debugging, automatische Codevervollständigung, anpassbare Benutzeroberfläche, detaillierte Fehlerberichte und Unterstützung von Windows unterstützt
AntwortenHierDatenschutz-Bestimmungen1y, 0v