Compass ist ein Open-Source-CSS-Authoring-Framework, das .css
kompilieren kann Stylesheet-Dateien aus .sass
Dateien, während sie geschrieben werden, und machen so das Leben eines Webdesigners einfacher. In diesem Tutorial installieren wir Compass auf RHEL 8 / CentOS 8, mit all seinen Abhängigkeiten.
In diesem Tutorial lernen Sie:
- So installieren Sie Abhängigkeiten, die von Compass benötigt werden
- Wie man einen Kompass erstellt
- So erstellen Sie ein Compass-Projekt
Projekterstellung mit Compass.
Softwareanforderungen und verwendete Konventionen
Kategorie | Anforderungen, Konventionen oder verwendete Softwareversion |
---|---|
System | RHEL 8 / CentOS 8 |
Software | Kompass 1.0.3 Rubygems 2.7.6 |
Andere | Privilegierter Zugriff auf Ihr Linux-System als root oder über sudo Befehl. |
Konventionen | # – erfordert, dass bestimmte Linux-Befehle mit Root-Rechten ausgeführt werden, entweder direkt als Root-Benutzer oder durch Verwendung von sudo Befehl$ – erfordert, dass bestimmte Linux-Befehle als normaler, nicht privilegierter Benutzer ausgeführt werden |
Schritt-für-Schritt-Anleitung zur Installation von Compass auf Redhat 8
Die Installation von Compass ist eine einfache Aufgabe, wenn wir wissen, welche Pakete benötigt werden, aber ziemlich knifflig, wenn wir nicht mit ruby
vertraut sind . Alle erforderlichen Pakete sind verfügbar, wenn wir die Abonnementverwaltungs-Repositories aktiviert haben.
- Wir verwenden
dnf
um erforderliche Pakete zu installieren:# dnf install ruby ruby-devel rubygems gcc
- Als nächstes verwenden wir
rubygems
um Kompass zu installieren:# gem install compass
- Um zu sehen, ob unser Tool funktioniert, können wir die Version von Compass abfragen:
# compass --version Compass 1.0.3 (Polaris) Copyright (c) 2008-2019 Chris Eppstein Released under the MIT License. Compass is charityware. Please make a tax deductible donation for a worthy cause: http://umdf.org/compass
- Der letzte Schritt besteht darin, ein leeres Compass-Projekt zu erstellen.
$ compass create my_project directory my_project/ directory my_project/sass/ directory my_project/stylesheets/ create my_project/config.rb create my_project/sass/screen.scss [...]
Wie die Ausgabe vermuten lässt, können wir damit beginnen, das Projekt mit SASS-Dateien im entsprechenden Unterverzeichnis
my_project/sass/
zu füllen im obigen Beispiel. Wir können Compass so einstellen, dass er kompiliert wird, während wir die.sass
bearbeiten Dateien, oder bei Bedarf kompilieren, etc.