Rumah > hujung hadapan web > tutorial js > Foundation UI框架简介

Foundation UI框架简介

一个新手
Lepaskan: 2017-09-19 10:41:55
asal
3085 orang telah melayarinya


我不是第一个吃螃蟹的人

最近这些年,前端很火。它火也不是没有道理,有很多东西在这里面。值得深挖。原生HTML也不再像我想的那样能一直生存下去。框架,自动化等工具的出现,像是一把催化剂加速了前端的发展。
不学习,你终究有淘汰的那天

Foundation能做什么

还记得很多年前,有一个贵妇人问过法拉第:“先生,您发现的电磁感应有什么用呢?”法拉第这样回到:“女士,你知道刚生下来的孩子有什么用吗?”
当然这个例子用在这里也许并不太合适,但是我确实是想说明的一点是,当一些框架出现并且开始流行的时候,并不是没有道理的。我们需要去学习,包括技术,包括理念等等。
那么,作为一个前端的UI框架,Foundation能做什么呢?
RWD和Mobile First。
响应式设计和移动优先是现在网页设计的基本原则,我们奉行一套代码,Run anywhere。我们将因此节省不少精力,我们也将获得更多。

如何开始我的第一个Foundation 实例

这里使用npm 和 git 搭建开发环境:
全局安装foundation

npm --global foundation-cli
Salin selepas log masuk

使用git工具打开命令行,cd要创建项目的地方:

foundation new
Salin selepas log masuk

根据命令行提示输入基本信息:
1.选择构建的项目,这里选择website,回车
2.给项目起一个名字
3.选择基本模板

cd到项目根目录,启动foundation

npm start
Salin selepas log masuk

项目配置完成,去试试你的第一个Foundation程序吧

Atas ialah kandungan terperinci Foundation UI框架简介. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan