Quellcode-Editor für HTML/CSS/JS mit Projektunterstützung

Ich suche einen Quellcode-Editor mit der Unterstützung für:

  • Javascript, HTML, CSS-Syntaxhervorhebung
  • Autovervollständigung, Quellformatierung (für die oben genannten Sprachen)
  • „Projekte“, wo Sie Projektverzeichnisse definieren und alle Dateien öffnen können, die Sie zuletzt für das Projekt verwendet haben, indem Sie ein „Projekt“ öffnen
  • vorzugsweise portabel (unter 999mb)

Wie Notepad++ mit integrierter Unterstützung für Javascript, HTML, CSS, Syntaxhervorhebung, automatische Vervollständigung, Quellformatierung und Projekte.

Ich brauche es, um kostenlos zu sein und unter Windows 7 zu laufen.

Antworten (11)

Ich würde Adobe Brackets vorschlagen

  • Javascript, HTML, CSS – Es wurde für diese Sprachen gemacht.

  • Syntaxhervorhebung, automatische Vervollständigung, Quellformatierung (für die oben genannten Sprachen) – alles integriert.

  • „Projekte“, wo Sie Projektverzeichnisse definieren und alle Dateien öffnen können, die Sie zuletzt im Projekt verwendet haben, indem Sie ein „Projekt“ öffnen – Es öffnet die letzte Datei, an der Sie im Projekt gearbeitet haben; Es öffnet immer nur eine Datei. Der Baum ist jedoch schnell geladen.

  • portable (unter 999 MB) -- Die portable Version ist noch nicht offiziell, aber die Quelle ist verfügbar. Einige Leute hatten auch Erfolg damit, es selbst tragbar zu machen. Hier ist die PortableApps-Version .

Ihre Meilen können variieren, aber es funktioniert ziemlich gut, wenn ich es benutze.

BEARBEITEN: Es öffnet sehr wahrscheinlich die letzten Dateien, die Sie unter "Arbeitsdateien" geöffnet hatten. Sie fungieren als offene Registerkarten, jedoch auf einer vertikalen statt einer horizontalen Ebene.

Dies ist einer der besten Editoren, die mir je begegnet sind. Es hat auch eine Live-Vorschau in Chrome! Funktioniert hervorragend auf USB und installierter Version. Ich markiere dies als Antwort - es ist großartig!

Sie können Sublime Text verwenden, das Syntaxhervorhebung, automatische Vervollständigung, Quellformatierung durchführt, nach Ordnern organisiert ist (was so ziemlich ein Projekt ist) und für die Webprogrammierung verwendet werden kann. Es ist kostenlos (die Testversion hat keine zeitliche oder funktionale Begrenzung), funktioniert unter Windows und eine portable Version ist verfügbar.

Die Benutzeroberfläche von Sublime ist schneller als Eclipse, jedoch ist die automatische Vervollständigung ohne Plugins eingeschränkt.

Leider ist es nicht kostenlos, aber es gibt eine zeitlich unbegrenzte Testversion.Geben Sie hier die Bildbeschreibung ein

Beachten Sie jedoch, dass die Funktion zur automatischen Vervollständigung ziemlich ungenau ist und einfach ein beliebiges Wort in Ihrer Datei vorschlägt. Allerdings kann es mit Plugins behoben werden.
Ich kenne einen Webentwickler, der dies verwendet.
Also, zeitlich unbegrenzte Testversion = so etwas wie winrar? Bekomme ich nach 30 Tagen eine lästige Benachrichtigung wie in WinRar?
Es spielt keine Rolle, was der visuelle Effekt ist; Wenn die Anforderung ist, dass die Software kostenlos ist, erfüllt Sublime sie nicht.
@moopet Es ist kostenlos (in Bezug auf die Nutzung), also frage ich, ob eine Nachricht mit der Aufschrift „Bitte kaufen“ angezeigt wird. Für zusätzliche Informationen, bevor ich es herunterlade. Was ist das Problem daran?
Nichts als solches, aber vielleicht könnten Sie die Frage bearbeiten, um etwas im Sinne von "frei oder frei zu bewerten" zu sagen, damit die Frage in Zukunft jemandem hilft?
SublimeText2 ist Nörglerware, aber der Nörgler ist nicht zu aggressiv. Aber ich war an TextPad gewöhnt, bevor ich gewechselt habe, und es nervt auch. Es hat eine anständige Codevervollständigung für JS und PHP, soweit ich das beurteilen kann. Ich bevorzuge ein Add-In "Better Javascript" gegenüber dem Standard für die Hervorhebung von JS-Code.

Sie können Netbeans verwenden , das Syntaxhervorhebung, automatische Vervollständigung und Quellformatierung durchführt, nach Projekten organisiert ist und für die Webprogrammierung verwendet werden kann . Es ist kostenlos, funktioniert unter Windows und kann portabel gemacht werden .

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Es befindet sich noch in der frühen Entwicklung, aber vielleicht möchten Sie sich Atom ansehen :

  • Javascript, HTML, CSS - Unterstützt all diese.
  • Syntaxhervorhebung, Autovervollständigung, Quellformatierung (für die oben genannten Sprachen) Unterstützt alle diese Funktionen.
  • „Projekte“, in denen Sie Projektverzeichnisse definieren und alle Dateien öffnen können, die Sie zuletzt für das Projekt verwendet haben, indem Sie ein „Projekt“ öffnen angeblich ähnlich wie Sublime Text.
  • vorzugsweise portabel (unter 999 MB) - Die .zip-Datei der Windows Alpha ist derzeit 62 MB groß. Sie müssen es nur extrahieren und dann Atom.exe ausführen, also denke ich, dass es portabel sein sollte. Bin mir aber nicht sicher wo die Einstellungen gespeichert werden.

Außerdem ist es Open Source , steht unter der MIT-Lizenz und ist so konzipiert, dass es durch Pakete hochgradig anpassbar ist . Obwohl es sich noch in der Alpha-Phase befindet, denke ich, dass es sich definitiv lohnt, es im Auge zu behalten, da es sich in einer sehr aktiven Entwicklung befindet.

Atom-Editor-Screenshot

Die Benutzeroberfläche ist großartig, sie entspricht meinen Anforderungen, aber ich fand Brackets sogar noch besser. +1 für die zusätzliche Option!

Ich empfehle Cloud9 . Es erfüllt und übertrifft Ihre Anforderungen:

  • Es unterstützt Javascript, HTML, CSS und viele mehr
  • Es verfügt über Syntaxhervorhebung, automatische Vervollständigung und Quellformatierung unter Verwendung des Ace-Editors, der von Websites wie GitHub verwendet wird - tatsächlich ist Cloud9 das "C" in "Ace".
  • Seine „Projekte“ sind nicht nur separate Verzeichnisse mit gespeicherten Ansichten, sondern separate Maschinen mit Ansichten, die mit der Cloud synchronisiert werden und auf mehreren Geräten (bei Bedarf von mehreren Benutzern) gleichzeitig verwendet werden können
  • Als Cloud-IDE ist es sehr portabel – es kann auf jedem Computer mit einem (modernen) Webbrowser ausgeführt werden und benötigt keinen Speicherplatz für die Installation (0 MB).

In den letzten anderthalb Jahren war Cloud9 die einzige IDE, in der ich entwickle. Sie haben letzte Woche eine umfassende Überarbeitung durchgeführt, also, selbst wenn Sie es schon einmal ausprobiert haben, werfen Sie einen Blick darauf!

Die Hompage sieht toll aus! Aber ich kann die Website nicht dazu bringen, zu antworten! Es öffnet mein Dashboard, und dann sagt Chrome „Möchtest du diesen Tab beenden“. Kennen Sie Lösungen?
Das Laden des Dashboards dauert für mich etwa 20 Sekunden (die eigentlichen Arbeitsbereiche sind ziemlich schnell): Wenn Sie einige Minuten gewartet haben und es immer noch nicht geladen wurde, können Sie den Support kontaktieren, indem Sie @C9Support twittern oder eine E-Mail an support@c9.io senden , oder gehen Sie zu c9.io/support/reportabug

Es gibt viele Tools, die das bewerkstelligen können.

Ich persönlich mochte Eclipse IDE für JavaScript-Entwickler. Ich habe auch Eclipse für Java mit HTML/JS-Plugins verwendet, um dasselbe zu erreichen. Es unterstützt Registerkarten, Projekte und viele andere Dinge. Es funktioniert unter Windows, Linux, Mac OS X.

Der einzige Nachteil von Eclipse ist, dass einige Benutzer es zu schwer finden, wenn es auf PCs mit niedrigen Spezifikationen verwendet wird.

Eclipse ist portabel. Ich führe es für meine eigenen Zwecke von einem externen Laufwerk aus. Es ist auch unter 999 MB (meine eigene Eclipse-Konfiguration mit meinen eigenen Plugins beträgt etwa 170 MB).
Ich habe das niemals gewusst! Ich dachte immer, es sei ein sehr großes Programm! Ich werde es jetzt versuchen
Es hängt davon ab, was Sie als "sehr groß" betrachten. Es ist natürlich riesig im Vergleich zu Notepad++ :-) Aber etwa 5-10 mal kleiner als MS Visual Studio 2012.
Ja, ich denke schon. Ich werde es herunterladen, wenn ich auf meinem Windows-PC bin, und es ausprobieren :) +1 für die Antwort!
Mein Eclipse-Ordner ist 400 MB groß, hängt aber von den installierten Plugins ab.
Persönlich verwende ich Eclipse, da es eine beeindruckende Menge an Funktionen hat, aber tatsächlich eine Weile braucht, um sich daran zu gewöhnen, und ein bisschen langsam ist. Übrigens sollten Sie Sublime Text ausprobieren, vielleicht finden Sie es sogar sauberer als Netbeans (viele Leute tun es).
@FranckDernoncourt Aber Sublime Text wird bezahlt, oder? 70 Dollar laut Website
Die Testversion hat keine zeitliche oder funktionale Begrenzung, daher ist sie in der Praxis kostenlos, es sei denn, Sie möchten eine Spende sein. Ich habe es als Antwort hinzugefügt.

Wenn Sie an der browserbasierten IDE interessiert sind, können Sie sich https://codenvy.com/ ansehen .

Es unterstützt mehrere Entwicklungsumgebungen, einschließlich HTML/JS. Ich habe vor einiger Zeit damit gespielt und fand es ziemlich reaktionsschnell und nett in Bezug auf die Funktionen.

Außerdem habe ich vor langer Zeit https://koding.com/ verwendet und wollte es gerade empfehlen, aber es scheint, als wäre dies nicht mehr kostenlos, sodass es nicht Ihren Anforderungen entspricht. Als ich jedoch für andere recherchierte, fand ich die folgende Tabelle: http://en.wikipedia.org/wiki/Online_JavaScript_IDE

Sieht gut aus. Ich war an einem Online interessiert. Cloud9 hat nicht funktioniert, aber Codenvy ist großartig! +1

Ich verwende den SynWrite- Editor (kostenlos, Open Source). Für Ihre Artikel:

  • Syntaxhervorhebung für HTML/JS/CSS: ja
  • Autovervollständigung für HTML/CSS: ja
  • Autovervollständigung für JS: noch kein solches Plugin (aber möglich)
  • Quellformatierung: ja für einige Sprachen: siehe Format-Plugins
  • Projekte: ja
  • tragbar: ja

Synw

Warum UI ist nicht so gut? U haben Symbolleisten, Bedienfelder, Projekt.
Entschuldigung, ich meinte nicht die Benutzeroberfläche, ich meinte im Vergleich zur akzeptierten Antwort, die Farben und die Positionierung sind nicht so gut.
Nicht in Ordnung. Im Vergleich zu Brackets sind die Farben ok, sie können alle in opt geändert werden. Brackets hat weitere Funktionen. Vollständigere Unterstützung für JS, automatische Vervollständigung für JS, z. B. Aber SynWrite bietet mehr vollständige Unterstützung für andere Sprachen (Klammern ist für das Web, Synwrite ist für alle, nicht nur für das Web, wie Notepad ++)
Aber es werden Erweiterungen vorgenommen, wenn ich jemals Unterstützung für andere Sprachen haben möchte. Im Moment brauche ich Websprachen. Ich sage nicht, dass dies ein schlechtes Programm ist, aber ich bevorzuge Brackets mehr.
Ich verstehe nicht, was du sagen willst. Welche Erweiterungen.. Welche Langunterstützung benötigen Sie?.
Ich sage, ich bevorzuge Klammern. Aber als du sagtest, sagte But SynWrite has more full support for other langs (Brackets is for web, Synwrite is for allich, ich brauche sie nicht. Mehr kann ich dazu nicht sagen - aus irgendeinem Grund bevorzuge ich Brackets mehr.
Gut, verwenden Sie dann Klammern, trotz des langsamen Starts.
LANGSAM?! Es öffnet sich in Sekunden (keine Übertreibung) auf meinem Win7-Laptop mit 4 GB RAM. Außerdem hat Brackets eine Live-Vorschau . Was für mich sehr praktisch ist, da ich in meinen Webentwicklungssprachen oft Kleinbuchstaben mit großer Bedeutung weglasse.
Hm, also Geschwindigkeit ist jetzt besser. Brackets ist im Allgemeinen gut: Inline-Editor ist gut.
Ja. Die Geschwindigkeit ist großartig und die Live-Vorschau ist DAS BESTE!

Ich schlage vor, sich Codelobster anzusehen

Es ist mein bevorzugter kostenloser HTML/CSS/JS-Editor. Es hat:

  • PHP-, HTML-, JavaScript-, CSS-Code-Hervorhebung
  • PHP, HTML, JavaScript, CSS-Code kollabiert
  • Automatische HTML-Vervollständigung
  • Autovervollständigung von Tags, Attribute für aktuelles Tag, schließende Tags
  • HTML/CSS-Code-Inspektor
  • HTML-Symbolleiste
  • CSS-Autovervollständigung
  • Automatische Vervollständigung von Stileigenschaftsnamen und -werten
  • Erweiterte JavaScript-Autovervollständigung
gut sein, um zu bestätigen, ob es portabel ist und/oder Projektunterstützung hat, wie in der Frage definiert; abgesehen von dieser netten Antwort.

Ich würde Komodo Edit von ActiveState empfehlen. Es erfüllt alle Ihre Anforderungen,

  • Mit Javascript, HTML, CSS-Syntaxhervorhebung
  • Unterstützung für automatische Vervollständigung und Calltips für die oben genannten Sprachen
  • Unterstützung von Projekten haben
  • Frei
  • Kompatibel mit Windows 7

Neben diesen Funktionen hat es auch

  • Mehrsprachiger Editor
  • Änderungen verfolgen
  • Markdown-Viewer
  • Kopy.io-Integration
  • Mehrfachauswahl
  • Werkzeugkasten
  • Skins & Icon-Sets
  • Minikarte
  • Verwendet das Rückgrat von Komodo IDE

Komodo-Edit (Open Source)

Komodo Edit ist ein schneller, intelligenter, kostenloser und Open-Source-Code-Editor. Das Wechseln Ihres bewährten Code-Editors ist schwierig, aber probieren Sie Komodo Edit (oder seinen großen Bruder Small Komodo IDE iconKomodo IDE) aus: Es wird sich lohnen.

Windows, Mac, Linux? Ja. PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML5, CSS 3? Ja, mit (anpassbarer) Syntaxfärbung, Faltung, Syntaxprüfung im Hintergrund und hervorragender automatischer Vervollständigung und Anruftipps (wir nennen es „Code-Intelligenz“). Was sonst? Schnelles Öffnen (kein langsames Herumstochern mehr nach Dateien); Remote-Dateibearbeitung; Vi-Tastenkombinationen (gute); und eine Toolbox mit Shell-Befehlsintegration, Makros und Codeschnipseln ... alles um einen ausgeklügelten Editor und einen Erweiterungsmechanismus, der dem von Firefox entspricht.

Komodo-Bearbeitungs-UI

Probieren Sie AceHTML von Visicom Media aus.

Geben Sie einfach den Namen in Ihre Suchmaschine ein. Die kostenlose Version ist voll funktionsfähig und die PRO-Version 6 hat mehr zusätzliche Funktionen. Dies ist mein Arbeitstier-Texteditor, mit dem ich meine 2 Websites erstellt und verwaltet habe. Es ist kein WYSIWYG und funktioniert nur unter Windows (läuft gut unter meinem Windows 10 64/32 Bit mit Administratorrechten). Es hat alle Kriterien, nach denen Sie suchen - zu viele, um sie aufzulisten, alle in den sauberen Dropdown-Menüs, kein Handbuch erforderlich. Der Wechsel zum internen Viewer ist nur einen Klick entfernt, sofort, kein Laden Ihres Browsers, um Ihren Code zu überprüfen - und mit Text-Editor und Viewer-Vollseite ist dies bei weitem das beste Editor-Programm, das ich bisher gefunden habe - keines der oben genannten Programme kommt nah dran. Habe nach einem solchen für Linux gesucht - aber noch nicht einmal einen gefunden, den ich tatsächlich installieren und verwenden könnte.

Quellcode-Editor für HTML/CSS/JS mit Projektunterstützung
AntwortenHierDatenschutz-Bestimmungen1y, 0v