Samstag, 12. Oktober 2013

CSS Preprocessing Allrounder - Prepros


Homepage: http://alphapixels.com/prepros oder auf Github.
Lizenzinfo auf Github (MIT license) 

Prepros ist ein Tool für die gängigsten CSS Preprocessing Sprachen, z.B. LESS, SASS, etc.
Prepros ist ein Stand-Alone Programm und unabhängig von einer IDE.
Prepros benötigt keine Installationen anderer Programme wie Ruby, LESS, SASS, etc.
Prepros kann auch als Javascript Minifier und Image Optimizer genutzt werden.

Features:

  • Compile less, sass, scss, compass, coffeescript, stylus, jade, slim, markdown, haml and livescript files
    • Prepros unterstützt out-of-the-box mehrere Pre-Prozessor Sprachen.
  • No dependencies (sass compass etc..)
    • Keine weiteren Installationen notwendig, z.B. Ruby, SASS, etc.
  • Image optimization
    • Prepros optimiert Bilder für das Web.
  • Javascript minification and concatenation
    • Prepros erstellt komprimierte Javascript Dateien
    • Originaldatei: js/my_file.js
    • Minified File: js/min/my_file.min.js
  • @imports detection and watching
    • Prepros überwacht auch importierte Dateien, d.h. das parent file wird nach Änderungen in der importierten Datei kompiliert.
  • Options for customization
  • Error & success notifications
  • Built-in http server
  • Live browser refresh 

Schnellstart

  1. Prepros herunterladen: http://prepros.alphapixels.com/downloads/Prepros-3.1.0.exe
  2. Prepros installieren
  3. Prepros starten
  4. Klick "Add new project". Projekte werden in der linken Spalte angezeigt.
    1. Ein Prepros Projekt ist die Sammlung aller "preprocessing" Dateien, die übersichtlich im Hauptfenster aufgelistet werden.
    2. Man kann das Hauptverzeichnis des Web Projekts wählen oder ein bzw. mehrere Unterverzeichnisse z.B. nur einzelne css und js Verzeichnisse.
  5. CSS kompilieren - Voraussetzung ist ein Verzeichnis mit Dateien eines Preprocessing Tools, z.B. SASS, LESS, Coffeescript, etc.
    1. Lokales Projekt o. Verzeichnis wählen -> Datei in Hauptfenster wählen -> Compile klicken
    2. Kontextmenü des Prepros Projekts aufrufen -> Compile All Files klicken