middleman install

最近專案需要用到 middleman 因此紀錄一下一些基礎的語法與使用情境。

middleman 是一個基於 ruby 的整合性 web 前端開發工具。

從開發工具到打包都幫你整合好,只需要安裝完成 middleman 就可以開始開發你的系統。

開始之前:

middleman 需使用 ruby 環境建構,因此先確認 ruby 版本

1
2
3
ruby -v
ruby version: 2.1.5p273

安裝 middleman

1
gem install middleman

開始使用 middleman

類似於各式 Cli 語法,如 Hexo: hexo init

建立一個 middleman 專案語法如下:

1
middleman init [project name]

接著啟動 sever 看看是否可以成功啟動:

1
middleman server

如果成功看到 middleman 首頁,恭喜你已經成安裝囉。


引用或 clone middleman 專案後要做的事

對於 ruby 不是很熟,不過碰過前端的同學們可以這樣理解看看:

gem 把他想像成 node.js 中的 module :P

所以我們在下載或 clone 一個 middleman 專案後要做的事情是:

安裝相依性 gem file 我們不可能一個一個安裝,不過如果你堅持..

因此一定有類似於 npm install 的功能語法。

那麼就是:

1
bundle install

一連串的 gem file 安裝完成後,在使用:

1
middleman server

啟動 server 看看吧!

打包

一鍵打包真是 middleman 的優點之一,快來使用看看吧!

1
middleman build