Was ist eine „IDE“ für Websites, die einen „Build-Prozess“ durchführen können?

Ich suche einen Texteditor (möglicherweise eher eine IDE mit allen Funktionen), der zunächst als normaler Texteditor fungiert. Ich brauche jedoch etwas, mit dem ich auf eine Option wie "Build for Production" klicken kann, die eine Reihe von Dingen ausführt (abhängig von meiner Konfiguration):

  • Verkleinern Sie den Quellcode (dh entfernen Sie die Leerzeichen)
  • Verdecken Sie den Code für ein wenig zusätzliche Sicherheit und reduzieren Sie möglicherweise die Länge einiger Namen einiger Elemente (z. B. id=navigation-inner-float-right--> id=a75). Da es die Geschwindigkeit/Sicherheit nicht wesentlich verbessert, ist dies kein großes Anliegen von mir, sondern nur eine persönliche Präferenz. Wenn dies jedoch der Fall wäre, müssten Sie sicherstellen, dass der Code universell geändert wird, damit er weiterhin funktioniert.
  • Less-Code kompilieren
  • Ungenutzten Code entfernen (bezogen auf: Tool zum Entfernen von ungenutztem CSS )
  • Unit-Tests für jeden geänderten/betroffenen Code

Einige andere Vorteile:

  • Open Source (obwohl kostenlos sein muss )
  • In der Lage sein, jedes serverseitige Skripting lokal zu debuggen/auszuführen
    • Damit diese Funktion nützlich ist, wäre eine lokale MySQL-Datenbank erforderlich
    • Es wäre schön, dieses Teil vollständig portabel zu haben, damit ich auf einer Maschine entwickeln und fehlerfrei und mühelos zu einer anderen wechseln kann (ähnlich wie Vagrant ).
  • In der Lage sein, meinen Code zu bereinigen, indem ich mit einem Befehl neu formatiere/nachgestellte Leerzeichen entferne

Kompatible Sprachen:

  • PHP
    • Laravel (optional, aber ich würde wirklich gerne damit spielen)
  • HTML
  • CSS
  • Weniger
  • Javascript
    • jQuery (oder besser ... jede externe Bibliothek)
  • Node.js (optional, aber ich würde gerne damit spielen)
  • RoR (optional, aber ich würde gerne damit spielen)

Um ganz ehrlich zu sein, wäre ein externes Dienstprogramm in Ordnung, wenn es alle oben genannten Erwartungen erfüllen würde. Ich denke nur, dass eine IDE, die all dies integriert anbieten könnte, etwas einfacher zu bedienen wäre. Koala scheint als Utility ein Schritt in die richtige Richtung zu sein, aber es beschränkt sich auf Less/Sass.

Insgesamt bin ich auf der Suche nach einem Build-System. Ich habe Erwähnungen eines "Build-Prozesses" (was ein Build-System impliziert) an mehreren Stellen gesehen, einschließlich der Entwickler-Website von Yahoo!, also scheint es, als wären sie verfügbar. Das könnte jedoch alles hauseigene Software sein. Gibt es etwas, das ich kostenlos verwenden kann, um das Äquivalent zu tun?

Ich bezweifle, dass es sofort einsatzbereit ist, aber Eclipse wird in der Lage sein, einiges davon zu tun, und es gibt Plugins in Eclipse, die möglicherweise einige der anderen Dinge tun können.
Kennen Sie Grunt ? Es ist bisher nur ein Befehlszeilentool und Sie müssen die Konfiguration in einer JavaScript-Datei bereitstellen. +1 Ich brauche auch eine IDE, um mehr Zeit für die Entwicklung als für Build-Konfigurationen aufzuwenden.
@ComFreek Interessant ... muss ich herumspielen, wenn ich Zeit habe. Ich kann nichts über PHP-Unterstützung finden ... :/

Antworten (1)

Es scheint schwierig zu sein, eine Idee zu finden, die alle Ihre Anforderungen erfüllt, aber jetzt gibt es Visual Studio Code

Alle Ihre Anforderungen sind möglich, aber nicht out of the box. Sie müssen eine Aufgabe erstellen (z. B. mit Grunt/Gulp) zum Kompilieren von Skripten, Verschleiern, Säubern, Minimieren und Testen - Code verschleiern; dasselbe wie Minifikation. - Listenpunkt

Es ist jedoch:

  • Gratis
  • Kann Node.js (JavaScript und TypeScript), C# und F# debuggen
  • Code formatieren (mit Shift+Alt+F)

Und es unterstützt (unter anderem):

  • Mit Syntax-Färbung, Klammerabgleich
    • PHP, Rubin
  • Mit Syntax-Färbung, Klammerabgleich + IntelliSense, Linting, Outline
    • HTML, CSS, Less, Javascript
  • Finden Sie mit Syntax-Färbung, Klammerabgleich, IntelliSense, Linting, Outline + Refactoring alle Referenzen
    • Typoskript

Wenn Sie Typescript/Javascript verwenden, haben Sie eine vollständige Debugging-Erfahrung für node.js. Wenn Sie PHP verwenden, können Sie jedes gewünschte Framework integrieren, aber der Editor bietet keine zusätzlichen Funktionen dafür.

Da Sie den größten Teil des Gebäudes mit Aufgaben erledigen müssen, können Sie Grunt/Gulp auch alleine verwenden, aber zum Bearbeiten und Debuggen von Visual Studio-Code werden Sie einige Feinheiten erhalten.

Willkommen bei den Softwareempfehlungen! Wir ziehen es vor, dass die Antworten eher lang und ausführlich sind als nur ein Link und "Das würde es tun". Können Sie erklären, wie es das tut, was die Frage benötigt? Auf welche Vorteile der Frage passt es und auf welche nicht? Idealerweise könnte das OP Ihre Antwort überprüfen, ohne den externen Link zu besuchen. Sehen Sie sich diese Diskussion darüber an, wie man eine gute Antwort schreibt.
Was ist eine „IDE“ für Websites, die einen „Build-Prozess“ durchführen können?
AntwortenHierDatenschutz-Bestimmungen1y, 0v