首頁 > web前端 > js教程 > Foundation UI框架簡介

Foundation UI框架簡介

一个新手
發布: 2017-09-19 10:41:55
原創
3093 人瀏覽過


我不是第一個吃螃蟹的人

#最近這些年,前端很紅。它火也不無道理,有很多東西在這裡面。值得深挖。原生HTML也不再像我想的那樣能一直生存下去。框架,自動化等工具的出現,像是一把催化劑加速了前端的發展。
不學習,你終究有淘汰的那天

Foundation能做什麼

還記得很多年前,有一個貴婦人問過法拉第:“先生,您發現的電磁感應有什麼用呢? 」法拉第這樣回到:「女士,你知道剛生下來的孩子有什麼用嗎?我確實是想說明的一點是,當一些框架出現並且開始流行的時候,並不是沒有道理的。我們需要去學習,包括技術,包括理念等等。
那麼,作為一個前端的UI框架,Foundation能做什麼呢?
RWD和Mobile First。
響應式設計和行動優先是現在網頁設計的基本原則,我們奉行一套程式碼,Run anywhere。我們將因此節省不少精力,也將獲得更多。

如何開始我的第一個Foundation 實例

這裡使用npm 和git 來建立開發環境:

全域安裝foundation

npm --global foundation-cli
登入後複製

使用git工具開啟命令列,cd要建立項目的地方:

foundation new
登入後複製

根據命令列提示輸入基本資訊:

1.選擇建置的項目,這裡選擇website,回車
2.給專案取一個名字
3.選擇基本模板

cd到專案根目錄,啟動foundation

npm start
登入後複製

專案配置完成,去試試你的第一個Foundation程序吧

以上是Foundation UI框架簡介的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板