Foundation UI框架簡介

我不是第一個吃螃蟹的人

#最近這些年，前端很紅。它火也不無道理，有很多東西在這裡面。值得深挖。原生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中文網其他相關文章！