Einführung in das Foundation UI-Framework

Ich bin nicht der erste Mensch, der Krabben isst

Front-End erfreut sich in den letzten Jahren großer Beliebtheit. Es ist nicht unvernünftig, dass es beliebt ist, es steckt eine Menge drin. Es lohnt sich, tiefer zu graben. Natives HTML ist nicht mehr so ​​praktikabel, wie ich dachte. Das Aufkommen von Frameworks, Automatisierung und anderen Tools ist wie ein Katalysator, der die Entwicklung des Frontends beschleunigt.
Wenn du nicht lernst, wirst du irgendwann eliminiert

Was kann die Stiftung tun?

Ich erinnere mich noch daran, wie vor vielen Jahren eine Dame Faraday fragte: „Sir, welchen Nutzen hat die elektromagnetische Induktion, die Sie entdeckt haben?“ Faraday antwortete: „Madam, wissen Sie, was der Nutzen eines neugeborenen Kindes ist?“
Natürlich ist dieses Beispiel hier vielleicht nicht angebracht, aber Ich möchte darauf hinweisen, dass es nicht unvernünftig ist, wenn einige Frameworks auftauchen und populär werden. Wir müssen lernen, einschließlich Technologie, einschließlich Konzepten usw.
Was kann Foundation als Front-End-UI-Framework tun?
RWD und Mobile First.
Responsive Design und Mobile First sind heute die Grundprinzipien des Webdesigns. Wir halten uns an einen Satz Codes und laufen überall. Wir werden viel Energie sparen und mehr gewinnen.

So starte ich meine erste Foundation-Instanz

Hier verwende ich npm und git, um eine Entwicklungsumgebung zu erstellen:
Foundation global installieren

npm --global foundation-cli

Öffnen Sie mit dem Git-Tool die Befehlszeile und geben Sie den Ort ein, an dem Sie das Projekt erstellen möchten:

foundation new

Geben Sie grundlegende Informationen gemäß den Befehlszeilenaufforderungen ein:
1. Wählen Sie das Projekt aus Zum Erstellen wählen Sie hier die Website aus und drücken Sie die Eingabetaste
2. Geben Sie dem Projekt einen Namen
3

Die Projektkonfiguration ist abgeschlossen, probieren Sie es aus. Das erste Foundation-Programm

npm start

Das obige ist der detaillierte Inhalt vonEinführung in das Foundation UI-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!