So installieren und beginnen Sie mit Sass?

Syntaktisch großartiges Stylesheet (SASS), eine Erweiterung von CSS, die CSS vorverarbeitet und gut mit all seinen Versionen funktioniert und die Fähigkeit der Grundsprache verbessert. Es spart viel Zeit und Mühe, indem sie verhindert, dass die Benutzer redundante CSS -Werte verwenden. Darüber hinaus können Sie SASS kostenlos herunterladen und verwenden. In diesem Artikel werden wir Ihnen sagen, wie Sie SASS installieren und mit beginnen können.

So installieren und beginnen Sie mit Sass

Der Installationsverfahren von SASS kann auf verschiedene Weise durchgeführt werden, z. B. die Verwendung einiger Open-Source-Anwendungen, die Installation von SAS aus dem Github -Repository.

Lassen Sie uns diese Installationsverfahren im Detail erörtert.

Installieren Sie SASS mithilfe von Anwendungen

Es stehen zahlreiche Anwendungen zur Verfügung (bezahlt und kostenlos), mit denen Sie SASS in kürzester Zeit für Windows, Mac OS und Linux installieren und ausführen können. Einige Anwendungen sind unten aufgeführt.

1. Prepos (bezahlt) für Windows, Mac und Linux.
2. Codekit (bezahlt) für Mac.
3. Hammer (bezahlt) für Mac.
4. Koala (kostenlos) für Mac, Linux und Windows.
5. Scout-App (kostenlos) für Linux, Mac und Windows.

Notiz: Es ist nicht erforderlich, die kostenpflichtigen Anwendungen für die anfänglichen Entwicklungsphasen zu verwenden, da die freien voll funktionsfähig sind.

Installieren Sie die SASS mit der Befehlszeile

Im Folgenden haben wir besprochen, wie Sie SASS mithilfe der Befehlszeile auf verschiedenen Plattformen installieren können.

Überall installieren (Standalone)

Sie können mit großer Leichtigkeit SASS auf jeder Plattform wie Mac OS, Linux und Windows installieren, indem Sie sein Paket herunterladen, das für die von Ihnen verwendete Plattform relevant ist, aus dem Github -Repository. Einmal heruntergeladen. Eine solche Installation erfordert keine Abhängigkeiten. Daher ist dies der einfachste Ansatz.

Installation über NPM

Wenn Sie ein Knoten sind.JS -Benutzer können dann den folgenden NPM -Befehl verwenden und das SASS -Paket installieren.

npm install -g sass

Der obige Befehl installiert eine reine JS -Implementierung von SASS, die etwas langsamer ist als andere verfügbare Installationsoptionen. Wenn Sie jedoch die Geschwindigkeit verbessern möchten, können Sie Ihre Implementierung in eine andere ändern, da die JS -Implementierung die gleiche Schnittstelle hat wie andere Implementierungen.

Installation durch Schokoladen

Wenn Sie über ein Windows -Betriebssystem verfügen und auch einen Schokoladenpaket -Manager installieren lassen, verwenden Sie den folgenden Befehl, um Dart Sass zu installieren.

Choco Install Sass

Installation über Homebrew

Mac OS X und Linux -Benutzer können das SASS -Paket über den folgenden Befehl mit dem Homebrew -Paket -Manager installieren.

Brauen Installieren Sie Sass/Sass/Sass

Installieren Sie SASS auf Code -Redakteuren

Wie bereits erwähnt, können Sie SASS in verschiedenen Code -Editoren wie VS -Code, Sublime, Atom usw. verwenden. Dies könnte für viele eine bevorzugte Option sein, da die meisten von uns bereits mit vielen beliebten Code -Editoren vertraut sind. Zum Beispiel werden wir hier zum Verständnis demonstrieren, wie Sie SASS auf VS -Code verwenden können.

Schritt 1

Besuchen Sie den Live -Sass -Compiler und drücken Sie die Installation, um die Erweiterung herunterzuladen.

Schritt 2

Sobald Sie die Taste Installation drücken, wird die Erweiterung in Ihrem VS -Code -Editor geöffnet.

Drücken Sie nun die hervorgehobene Installationstaste und die Erweiterung wird im Code -Editor installiert.

Erweiterung erfolgreich installiert!

Notiz: Wenn die Erweiterung installiert ist, können Sie verwenden Strg + Verschiebung + x Um die Erweiterung zu öffnen, wenn Sie möchten.

Schritt 3

Jetzt können Sie die öffnen .SCSS -Datei und beginnen Sie mit dem Schreiben Ihres Stylesheetes. Sobald Sie dies tun.

Klicken Sie auf diese Option, um die CSS -Kartendatei und die CSS -Datei automatisch zu generieren. Später können Sie diese CSS -Datei mit Ihrem HTML -Dokument verknüpfen.

Befolgen Sie die oben genannten Schritte, um SASS in Ihrem VS-Code-Editor problemlos zu installieren.

Abschluss

Sie können mit SASS installieren und beginnen, indem Sie verschiedene Arten verwenden, z. Das Github -Repository. Sie können eine der Optionen abhängig von Ihrer Leichtigkeit und Ihrem Wunsch auswählen. Alle diese Optionen wurden in diesem Beitrag ausführlich erklärt.