Echtzeitansicht von HTML/CSS/Java/Python

Ich suche nach einem Editor, der mir Echtzeitansichten von HTML, CSS, Python und Java zeigen kann, damit ich meinen Code bearbeiten und die Änderungen sehen kann, während ich gehe. Gibt es ein solches Programm? Das Hochladen des umgeschriebenen Codes auf einen Webserver ist jedes Mal mühsam.

Sie sollten wahrscheinlich einfach einen lokalen Server erstellen und ausführen, wenn Sie entwickeln, und sie von dort aus ausführen.
Verwandtes Schlüsselwort: Live Reload
Ich gebe nur einen Editor, der Ihre Anforderung (teilweise) erfüllt. Ich sagte teilweise, weil dieser Editor die Live-Vorschau unterstützt, was Sie mit dem Quellcode nur für HTML und CSS machen. Dieser Editor ist Brackets , brackets.io . Ich denke, es ist schwer, einen Echtzeit-Editor zu finden, wenn Sie mit Java und Python arbeiten. Diese Programmiersprachen müssen zuerst interpretieren oder in Bytecode konvertieren. Es ist etwas zum Nachdenken. Aber wer weiß, ob es einen gibt (Programmierlösungsansatz oder neues Projekt/Idee). Koding , koding.com ist ein Beispiel (alternativ) zum Bearbeiten Ihrer Codes (Echtzeit).

Antworten (3)

Ich werde hier ein Risiko eingehen und sagen, dass Sie sich nicht allzu sehr um Ihr Java oder Python kümmern (bitte korrigieren Sie mich, wenn ich falsch liege). Das ist die Logik und es geht Ihnen um das Aussehen.

Schauen Sie sich die Brackets-IDE an .

Ich verwende es nur für AngularJS, HTML & CSS. Wenn Sie eine Änderung vornehmen, wird diese sofort im Browser angezeigt, ohne dass Sie eine Datei hochladen oder gar speichern müssen. Großartig für schnelle "Was ist, wenn ich die Größe/Farbe usw. ändere"-Fragen.

Live Vorschau

Holen Sie sich eine Echtzeitverbindung zu Ihrem Browser. Nehmen Sie Änderungen an CSS und HTML vor und Sie werden diese Änderungen sofort auf dem Bildschirm sehen. Sehen Sie auch, wo Ihr CSS-Selektor im Browser angewendet wird, indem Sie einfach den Cursor darauf platzieren.

Dies ist genau die IDE, an die ich beim Lesen der Frage gedacht habe.
Ich habe zwar keine Erfahrung damit, habe aber vor ein paar Jahren darüber gelesen und bin nie dazu gekommen, es auszuprobieren. Es klang genau wie das, worüber @keith spricht.

Sie können Eclipse verwenden :

  • kostenlos und Open-Source
  • FTP-Unterstützung (auch SFTP ): Es wird hochgeladen, wenn Sie Ihren Code speichern
  • Windows, MacOS und Linux
  • PHP, HTML, CSS, Javascript, Python, Java (und eine Vielzahl anderer Sprachen)
Sie erwähnen nicht die Hauptanforderung, die das OP erwähnt, nämlich die Vorschau des Codes, ohne ihn auf einen Server hochladen zu müssen.
@Seth OP fragte: "Kann meinen Code bearbeiten und die Änderungen sehen, während ich gehe. Gibt es ein solches Programm? Das Hochladen des neu geschriebenen Codes auf einen Webserver ist jedes Mal mühsam." IMHO ist das automatische Hochladen auf FTP eine Lösung, es sei denn, das Hochladen ist aufgrund der Verbindungsgeschwindigkeit ein Problem. (Ich vermutete, dass es ein Schmerz war, weil er dies manuell tat)
Das automatische Hochladen würde das Problem dann nicht wirklich lösen, oder? Ich denke, ich verstehe, was Sie meinen, obwohl das meiner Meinung nach kaum eine Lösung ist.
Wenn das Hochladen mühsam ist, weil er es manuell gemacht hat (was viele Leute tun), dann ist das eine Lösung. Einige Unklarheiten, da stimme ich zu

Ich unterstütze die Antwort von @Mawg, aber alternativ können Sie eine IDE wie Sublime Text mit den Dateien auf Ihrem Server verbinden, und während Sie sie bearbeiten und speichern, werden sie auf dem Server aktualisiert. Sie müssen sie nicht hin und her bewegen. Sie könnten dies mit jeder IDE tun, die eine ssh-Verbindung zu einem Server öffnen kann, oder Sie könnten Ihren Server auch wie sftp mounten und Dateien direkt von Ihrem Mount öffnen.

Das würde immer noch jedes Mal eine harte Aktualisierung erfordern, wenn Sie Ihre Arbeit im Browser betrachten, aber das ist wirklich nur cmd/ctrl+r oder was auch immer.

Schließlich, wenn Sie an einem bestimmten Tag nur an Ihrem HTML/CSS/JS arbeiten, können Sie Chrome DevTools verwenden und es funktioniert ziemlich gut. Es gibt sogar Plugins, die Ihre Änderungen in DevTools nachverfolgen und es Ihnen ermöglichen, sie in der Datei zu speichern. In Verbindung mit dem obigen sftp könnten Sie DevTools verwenden, um Ihren Browser und Server gleichzeitig zu aktualisieren. Dies würde jedoch nicht für Ihren Backend-Code funktionieren und ist nur nützlich, wenn Sie nur einmalig HTML/CSS/JS ausführen müssen.

Bearbeiten: Lesen Sie einfach die Antwort von @Franck und er sagt dasselbe, aber für Eclipse. Die Moral von der Geschichte ist im Wesentlichen, dass Sie Ihre IDE mit Ihren Serverdateien verbinden können und sich keine Gedanken über das Hochladen machen müssen, und Sie können dies mit einer ganzen Reihe von IDEs wie Sublime und Eclipse Franck tun, die erwähnt wurden.