Introduction au cadre de l'interface utilisateur de la Fondation

Je ne suis pas la première personne à manger des crabes

Ces dernières années, le front-end a été très populaire. Ce n’est pas déraisonnable que ce soit populaire, il y a beaucoup de choses dedans. Cela vaut la peine de creuser plus profondément. Le HTML natif n’est plus aussi viable que je le pensais. L’émergence de frameworks, d’automatisations et d’autres outils est comme un catalyseur qui accélère le développement du front-end.
Si vous n'étudiez pas, vous finirez par être éliminé

Que peut faire la Fondation

Je me souviens encore il y a de nombreuses années, une dame a demandé à Faraday : " Monsieur, à quoi sert l'induction électromagnétique que vous avez découverte ? " Faraday a répondu : " Madame, savez-vous à quoi sert un nouveau-né ?
Bien sûr, cet exemple n'est peut-être pas approprié ici, mais ? " Ce que je veux souligner, c’est que lorsque certains frameworks apparaissent et deviennent populaires, ce n’est pas déraisonnable. Nous devons apprendre, y compris la technologie, y compris les concepts, etc.
Alors, en tant que framework d'interface utilisateur frontale, que peut faire Foundation ?
RWD et Mobile First.
Le design réactif et le mobile first sont désormais les principes de base de la conception Web. Nous adhérons à un ensemble de codes et travaillons n'importe où. Nous économiserons beaucoup d’énergie et nous en gagnerons davantage.

Comment démarrer ma première instance Foundation

Ici, j'utilise npm et git pour créer un environnement de développement :
Installer Foundation globalement

npm --global foundation-cli

Utilisez l'outil git pour ouvrir la ligne de commande, cd l'endroit où vous souhaitez créer le projet :

foundation new

Entrez les informations de base selon les invites de la ligne de commande :
1 Sélectionnez le projet. pour créer, sélectionnez le site Web ici et appuyez sur Entrée
2. Donnez un nom au projet
3. Sélectionnez le modèle de base

cd dans le répertoire racine du projet, démarrez la fondation

npm start

.

La configuration du projet est terminée, allez l'essayer Le premier programme Fondation

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!