Fire.app 使用說明

#Fire.app 使用說明

Fire.app 是一個能夠使網站原型製作更快更方便的工具，支援 Sass 、 Compass 、 CoffeeScript 、 Haml 、 Slim 、 ERB 和 Markdown 等製作網站原型常用的語言和 framework 。支援 Windows / Mac OS / Linux 且不需安裝，可放置於 Dropbox 供多台電腦使用。

除了上述優點， Fire.app 還有許多便利的機能如使用 Partial 、 Layout 和 Template Helper ，都能使製作網站時繁複的工作變得更加輕鬆。

Fire.app 可於官方網站購買，附有下載連結的 email 將會寄至購買時填寫的信箱。所有 1.x 版的更新下載連結亦會透過 email 提供。

基本操作與使用 Sass / Compass

Fire.app 的基本操作和使用 Sass / Compass 的部份與 Compass.app 相同，因此此部份建議參照 Compass.app 的說明文件：

https://github.com/handlino/CompassApp/wiki/Compass.app-%E4%BD%BF%E7%94%A8%E8%AA%AA%E6%98%8E

CoffeeScript

在 Fire.app 中要使用 CoffeeScript 相當簡單：

1. 在專案資料夾中必須有 coffeescripts/ 資料夾。
2. 在 coffeescripts/ 建立 CoffeeScript 檔案並使用相應的副檔名 js.coffee。例如 app.js.coffee 。
3. coffeescripts/ 中的檔案會被 compile 至 javascripts 資料夾，使用時只需要在頁面檔案或 Layout 檔中使用 <script src="/javascripts/app.js"></script> ，就能使用。

若想更改 CoffeeScript complie 後之檔案放置的資料夾名稱，請修改 config.rb 中 javascripts_dir 的部份。

Build

使用 Fire.app 完成網站的編輯後，可以使用 Build 指令將成果輸出成靜態網站。只要點擊 Fire.app icon 並選擇 "Build Project" ， Fire.app 將在專案資料夾中生成含有靜態網站的資料夾，名稱為 "build_YYYYMMDDHHmmSS"。

當使用與 image-url() 相關之 Compass helper 時， Fire.app 預設會在產出的 CSS 檔案中使用絕對路徑。若想更改為相對路徑時，需在 config.rb 中加入此行：

relative_assets = true

注意：每當變更 "config.rb" 之內容後都必須停止 watch 該專案再重新 watch 一次以確保新設定被套用。

Templates, Layouts & Partials

請見： Templates, Layouts & Partials

Template Helpers

請見： Template Helpers