Aus dem Kurs: Angular Grundkurs 2: Angular CLI und Projektsetup

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Styles-Einstellung

Styles-Einstellung

Ihr erinnert euch sicherlich daran, dass wir unser Standardprojekt in unserem Workspace so angelegt haben, dass scss als Precompiler für unsere Styles verwendet werden sollten. Darauf basierend ist natürlich Folgendes passiert. In unserer angular.json konnten wir hier wunderbar erkennen, dass in den schematics für unser Projekt gesagt wurde: Jede Komponente soll mit SCSS erzeugt werden. Und das Gleiche beruht oder bezieht sich natürlich auch auf die globale CSS unserer gesamten Anwendung, und die globale CSS unserer Anwendung ist entsprechend hier zu finden. Die src/style.scss ist das globale CSS und das wird als SCSS programmiert. Und da werde ich jetzt mal ganz fix ganz kurz etwas zeigen. Ich nehme mal hier einfach body und verwende "background-color: red". Und sobald ich das jetzt hier speichere, könnt ihr sehen, dass hier ein roter Hintergrund entsteht. Entferne ich das wieder, dann seht ihr natürlich, dass es dann auch wieder weg ist. Wichtig ist das Gleiche, wie wir zuvor…

Inhalt