Zum Hauptinhalt springen

So installieren Sie Sass unter Windows 10: Detaillierte Anleitung

Sass (Syntactically Awesome Style Sheets) ist ein CSS-Präprozessor, der die Möglichkeiten normaler Stylesheets erweitert. Es ermöglicht die Verwendung von Variablen, Mixins, verschachtelten Regeln und anderen Funktionen, die den CSS-Schreibprozess effizienter und flexibler machen. Die Installation von Sass unter Windows 10 ist eine einfache Aufgabe, mit der Sie beginnen können, alle Funktionen dieses Tools zu nutzen.

In diesem Artikel erfahren Sie, wie Sie Sass auf Ihrem Windows 10-Computer installieren. Der Prozess besteht aus mehreren Schritten, und wir werden jeden einzelnen detailliert analysieren. Sie können die Anweisungen einfach befolgen und Sass ohne Probleme installieren.

Stellen Sie vor dem Start sicher, dass Node bereits auf Ihrem Computer installiert ist.js. Wenn Sie es nicht haben, müssen Sie es vor der Installation von Sass installieren. Node.js ist eine Laufzeitumgebung, mit der Sie serverseitigen JavaScript-Code ausführen können. Es kommt auch mit einem npm-Paketmanager, den wir verwenden werden, um Sass zu installieren.

Ruby Installer herunterladen

Um Sass unter Windows 10 zu installieren, müssen Sie zuerst den Ruby Installer herunterladen, da Sass auf Ruby basiert. Hier finden Sie eine Schritt-für-Schritt-Anleitung zum Herunterladen und Installieren des Ruby Installers:

1. Öffnen Sie einen Webbrowser und gehen Sie zur offiziellen Ruby Installer-Website unter https://rubyinstaller.org/downloads /.

2. Wählen Sie die passende Version aus Ruby Installer für Ihr Windows 10-Betriebssystem. Wenn Sie eine 64-Bit-Version von Windows haben, wählen Sie den Link mit der Bezeichnung "Ruby+Devkit 2.X.X (x64)". Wenn Sie eine 32-Bit-Version von Windows haben, wählen Sie den Link mit der Bezeichnung "Ruby+Devkit 2.X.X (x86)".

3. Laden Sie die Installationsdatei herunter Ruby Installer, indem Sie auf den Link klicken. Normalerweise hat die Installationsdatei eine Erweiterung .exe.

4. Führen Sie die Installationsdatei aus Ruby Installer und folgen Sie den Anweisungen des Installationsassistenten. Standardmäßig können Sie alle Einstellungen unverändert lassen.

5. Stellen Sie während der Installation von Ruby sicher, dass Sie markiert den Punkt "Add Ruby executables to your PATH". Dadurch können Ruby-Befehle von der Befehlszeile aus ausgeführt werden, ohne den vollständigen Pfad zur ausführbaren Ruby-Datei anzugeben.

Nachdem Sie den Ruby Installer installiert haben, wird die neueste Version von Ruby auf Ihrem Computer installiert. Jetzt können Sie mit der Installation von Sass fortfahren.

Ruby installieren

Um mit Sass unter Windows arbeiten zu können, müssen Sie Ruby installieren, die Programmiersprache, auf der Sass ausgeführt wird. Befolgen Sie die Anweisungen unten, um Ruby unter Windows 10 zu installieren.

Schritt 1: Besuchen Sie die offizielle Ruby-Website unter https://rubyinstaller.org/downloads /.

Schritt 2: Wählen Sie auf der Seite die für Ihr System geeignete Ruby-Version aus. Es wird empfohlen, Ruby 2.7 oder höher zu wählen.

Schritt 3: Nachdem Sie das Installationsprogramm heruntergeladen haben, starten Sie es, indem Sie auf die heruntergeladene Datei doppelklicken.

Schritt 4: Wählen Sie im Ruby-Installationsprogramm die Sprache, den System- und den Installationspfad aus. Es wird empfohlen, die Standardeinstellungen beizubehalten, wenn Sie nicht wissen, was Sie tun sollen.

Schritt 5: Aktivieren Sie im Installationsfenster das Kontrollkästchen "Add Ruby executables to your PATH", um den Ruby-Pfad zur Systemvariablen PATH hinzuzufügen. Dadurch können Sie Ruby über die Befehlszeile verwenden.

Schritt 6: Klicken Sie auf "Install", um mit der Installation von Ruby zu beginnen. Warten Sie, bis die Installation abgeschlossen ist.

Schritt 7: Nach der Installation von Ruby wird ein Fenster angezeigt, in dem Sie darüber informiert werden, dass die Installation erfolgreich abgeschlossen wurde. Klicken Sie auf Fertig stellen, um das Installationsprogramm zu schließen.

Glückwunsch! Ruby wurde erfolgreich auf Ihrem Windows 10-Computer installiert. Jetzt können Sie mit der Installation von Sass fortfahren.

Überprüfen der Ruby-Installation

Führen Sie die folgenden Schritte aus, um die Ruby-Installation zu überprüfen:

  1. Öffnen Sie eine Eingabeaufforderung (Windows-Tastenkombination + R, geben Sie "cmd" ein und drücken Sie die Eingabetaste).
  2. Geben Sie den Befehl "ruby -v" ein (ohne Anführungszeichen) und drücken Sie die Eingabetaste. Wenn Sie Ruby installiert haben, sehen Sie die Ruby-Version in der Befehlsausgabe (z. B. "ruby 2.7.1").
  3. Wenn Ruby nicht installiert ist, wird eine Fehlermeldung angezeigt. In diesem Fall müssen Sie Ruby installieren, indem Sie auf die offizielle Ruby-Website gehen und das Installationsprogramm für Windows herunterladen. Führen Sie das Installationsprogramm aus und folgen Sie den Anweisungen auf dem Bildschirm, um Ruby zu installieren.
  4. Wiederholen Sie die Schritte 1 bis 2, um zu überprüfen, ob Ruby erfolgreich installiert wurde.

Jetzt, da Ruby installiert ist, können Sie Sass unter Windows 10 installieren. Lesen Sie weiter, um detaillierte Anweisungen zu erhalten.

Installieren von DevKit

  1. Laden Sie zuerst die neueste Version von DevKit von hier herunter. Beachten Sie, welche Version von Ruby Sie installiert haben (32-Bit oder 64-Bit) und wählen Sie die entsprechende DevKit-Option aus.
  2. Nachdem Sie DevKit heruntergeladen haben, erstellen Sie einen neuen Ordner auf Ihrem Computer und entpacken Sie den Inhalt des Archivs in diesen Ordner.
  3. Starten Sie die Windows-Eingabeaufforderung (cmd), und navigieren Sie mit dem Befehl cd Pfad zu Ordner zu dem Ordner, in dem sich DevKit befindet.
  4. Führen Sie an der Eingabeaufforderung den folgenden Befehl aus:
ruby dk.rb init

Dieser Befehl initialisiert das DevKit und erstellt eine `config'-Datei.yml`.

  1. Öffnen Sie die Datei `config'.yml' in einem Texteditor und fügen Sie den Pfad zum installierten Ruby-Ordner hinzu:
- C:/путь_к_установленной_папке_Ruby
  1. Speichern Sie die Datei `config'.yml' und schließe es.
  2. Führen Sie an der Eingabeaufforderung den folgenden Befehl aus:
ruby dk.rb install

Dieser Befehl installiert das DevKit und fügt es Ihrer Ruby-Installation hinzu.

Nachdem Sie das DevKit erfolgreich installiert haben, können Sie mit dem nächsten Schritt fortfahren und Sass auf Ihrem Computer installieren.