Prepros CSS Preprocessing

Aus Byte-Welt Wiki
Version vom 26. April 2014, 18:36 Uhr von L-ectron-x (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springenZur Suche springen

Homepage: http://alphapixels.com/prepros


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.


Prepros 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

Prepros 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 eine Datei einer CSS Preprocessor Sprache, wie LESS, SASS, 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