Heim > Web-Frontend > js-Tutorial > Einführung in das Foundation UI-Framework

Einführung in das Foundation UI-Framework

一个新手
Freigeben: 2017-09-19 10:41:55
Original
3086 Leute haben es durchsucht


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
Nach dem Login kopieren

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

foundation new
Nach dem Login kopieren

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
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage