Coda: One-window web development

如果沒看到 OIKOS 生活網的「2007 Apple Design Awards」這篇文章，我不知道什麼時候才會發現到一個這麼好用的 Mac 程式 — Coda (由 Panic 製作，同時它也有製作 CandyBar 和 Transmit 等非常好用的軟體)。

Coda 是一個用來寫網頁的應用程式，嚴格上來說它適合習慣一字一字「刻」網頁的人來使用 (暫且簡稱為手刻網頁一族，我發明的 XD)。它裡頭有網站管理與發佈的功能、文字編輯、預覽網頁、CSS 編輯器、終端機和程式參考手冊，可說是把手刻網頁一族的家常傢俬通通都收納進來了，一支 (應用程式) 抵六支用。

網站管理與發佈 (Sites 功能)

在這裡你可以設定將要管理的網站資料，方便日後可以迅速切換到工作目錄開始工作。設定完資料後，Coda 還會到該網站擷取網頁快照，當成這個網站的標籤。

網站管理的網頁快照 — 圖中可以看到我維護的 Taiwan Blogger Map 網頁 (測試用的)

至於網頁發佈功能是指你會在本地端編輯網頁，確定一切 ok 後再一次整批上傳更動過 (或新增) 的檔案。

文字編輯器 (Edit 功能)

Coda 的文字編輯器

要手刻網頁，一個方便好用的文字編輯是不可以少的，過去我都是用 TextWrangler 文字編輯器，一直都覺得它已經夠用了，但遇到 Coda 之後我才知道我錯了，原來編輯器還可以更加友善更貼近人心。 XD

Coda 和 TextWrangler 都有的功能這邊就不多說了，除了這些，Coda 還可以顯示你這次修改了哪些地方 (用藍色背景顏色區分)、邀請別人一起修改檔案的內容 (透過 IP 遠端連接或 Bonjour 技術，你可以看到對方的游標和修改了哪些東西，一切都是即時的，可以算是 SubEthaEdit 的精簡版)、維護和再利用常用的程式碼片段 (Clips)、線上即時顯示函式說明 (Hints)、水平切割檔案成兩個視窗 (方便對照修改) 等等。這些令人驚豔又貼心的功能，讓許多已經頭昏腦脹的程式設計師刻網頁方便多了！

預覽結果 (Preview 功能)

這個內嵌在 Coda 的預覽功能，可以選用 Safari、Firefox、Camino 等瀏覽器來觀看你網頁修改後的瀏覽結果。你可以用 ⌘ (蘋果鍵) + 3 快速切換到這個功能，看完之後再按 ⌘ + 2 切回編輯器繼續修改，有時可以懶到手都不用離開鍵盤去動滑鼠了。 XD

修改 CSS 樣式 (CSS 功能)

Coda 的 CSS 編輯功能

CSS 提供類似於 CSSEdit 的功能，讓你可以透過點選方式修改 CSS 樣式，背後牽涉到要新增和修改的程式碼就由它幫你完成囉，相當方便，只要你在編輯有內含 CSS 程式碼的網頁時候按 ⌘ + 4，就可以馬上編輯這個網頁的 CSS 樣式囉。這邊要注意的是如果你的 CSS 是透過外部連結，你必須要直接開啟這個 CSS 檔案，然後再切換到 CSS 功能，Coda 還沒那麼聰明可以看得懂你連結了哪些 CSS 檔案。

終端機 (Terminal 功能)

終端機功能，讓你可以不再需要終端機程式了 (我常用的是 iTerm)，SSH 連線到遠端伺服器的設定只要在網站管理先設定好，以後在這裡點兩下就可以直接連到伺服器了。

Coda 的終端機功能

不過 Coda 的終端機有個小小的缺點：中文顯示有一點問題，雖然中文還是出得來，但很明顯會跟隔壁的非中文字打架，兩個混在一起了。 XD

Coda 的終端機中文問題

撇除這個小 bug 不講，終端機功能還是很完美的，記得終端機設定裡的「平滑字體」功能要打開，字體才會美美的喔。

程式參考手冊 (Books 功能)

最後就是 Coda 的完整程式參考手冊囉，你可以在這裡查詢 HTML、CSS、JavaScript 和 PHP 的資料，每一項看起來是一本本的書，有需要點開就好了。

Coda 的程式參考手冊

例如你可以在這裡找 PHP 函數的用法，相當方便。

Coda 的程式參考手冊 — PHP 函數

價格

講到這裡，這個程式相當合我寫程式的習慣，但是它…不是免費軟體。雖然好用的軟體需要花錢購買，可以鼓勵作者繼續寫出更好用的程式，這何嘗不是一件好事呢？但重要的是 Coda 價格不菲，一套要價美金 79 元 (約新台幣 2,626 元)，讓我有點難下手。Coda 試用版有開放完整功能可以徹徹底底的讓你試用，但只能試用 15 天。我想…我繼續試用下去，繼續觀察看看好了。

有興趣嗎？直接買下去了啦 (購買 Coda)！我欣賞你！ :p

相關連結

• Coda (Panic)
• 2007 Apple Design Awards (OIKOS 生活網)

標籤：Mac 軟體、Mac OS X

文章張貼時間： 西元 2007 年 6 月 17 日 早上 11 點 25 分， 文章類別：Computer、 Computer_Software、 Internet、 Mac、 Mac OS X、 Programming。 你可以 追蹤 文章的迴響 (RSS 2.0)。 寫文章希望與大家分享經驗，歡迎大家可以多多 留言 回饋，引用 文章也是歡迎喔。