最近專案需要用到 middleman 因此紀錄一下一些基礎的語法與使用情境。
middleman 是一個基於 ruby 的整合性 web 前端開發工具。
從開發工具到打包都幫你整合好,只需要安裝完成 middleman 就可以開始開發你的系統。
開始之前:
middleman 需使用 ruby 環境建構,因此先確認 ruby 版本
|
|
安裝 middleman
|
|
開始使用 middleman
類似於各式 Cli 語法,如 Hexo: hexo init
建立一個 middleman 專案語法如下:
|
|
接著啟動 sever 看看是否可以成功啟動:
|
|
如果成功看到 middleman 首頁,恭喜你已經成安裝囉。
引用或 clone middleman 專案後要做的事
對於 ruby 不是很熟,不過碰過前端的同學們可以這樣理解看看:
gem
把他想像成 node.js 中的module
:P
所以我們在下載或 clone 一個 middleman 專案後要做的事情是:
安裝相依性 gem file
我們不可能一個一個安裝,不過如果你堅持..
因此一定有類似於 npm install
的功能語法。
那麼就是:
|
|
一連串的 gem file 安裝完成後,在使用:
|
|
啟動 server 看看吧!
打包
一鍵打包真是 middleman 的優點之一,快來使用看看吧!
|
|