PHP 開發工具
要編寫 PHP 程式,OSX 上則有許多開發 PHP 程式的免費“整合開發環境 (IDE)” ,付費的商業 IDE 則多數僅支援 Windows。 PHP 是直譯語言所以不需要編譯器之外,功能完整的 IDE 多包涵程式碼編輯器、除錯器功能之外,可能還還包含網頁伺服器、FTP、版本控制客戶端軟體、主控台等執行 PHP 網頁應用所需的各項功能。免費的 IDE 多數是以 Eclipse 這個開源碼專案為基礎改寫的軟體。除了 Eclipse 本身之外,OSX 上著名的還有 PDT, NetBeans 等等。PDT整合了著名的 Zend 框架,NetBeans 則是內建了 Symfony ,兩者都是適合開發大型專業的 PHP 框架。換句話說,就是功能強大齊全,但不適合初學者入門之用。 CodeIgniter 基本上沒有特別與哪個 IDE 整合,所以你想用哪個 PHP IDE 都可以。硬派的程式員可能更喜歡 TextMate 這個跟 Ruby on Rails 一起爆紅的程式碼編輯器;網頁設計師可能還是比較喜歡 DreamWeaver 視覺化環境。而我個人則是偏好 Aptana Studio 這個以網頁應用開發為主的 IDE 。
Aptana Studio 3
Aptana Studio 跟另外一個 Komodo Edit (商用的付費 Komodo IDE 的免費版本)類似,都是以 Eclipse 為基礎改寫,跨 OSX/Windows 平台且免費 IDE。以 Eclipse 為基礎的 IDE 操作方式都很類似,大多也可以安裝 Eclipse 的外掛軟體,作各類程式的開發,並不限於 PHP 。事實上,Aptana Studio 從一開始標榜是以網頁應用開發為主,支援 HTML/CSS/JavaScript/PHP 等語言開發。到了 Ruby on Rails 受歡迎後,後來 Aptana Studio 2 就以 RadRails 這個支援 Ruby on Rails 的套件為主要特色,甚至一度為了專心開發 RadRails 而停止支援內建 PHP,到了 Aptana Studio 3 才又恢復內建支援。
PHP 雖不是 Aptana Studio 強調的主要特色,而是伴隨 Eclipse 核心而支援。不過早期 OSX 上其他以 Eclipse 為基礎的 IDE 應用 Java開發的軟體,操作介面常常不脫 Java 那種與 OSX 介面格格不入的感覺。Aptana Studio 因為介面更像 OSX 的原生軟體,介面美觀優雅,所以受到 OSX 使用者的歡迎。
安裝 Aptana Studio
安裝 Aptana Studio 的官方網站下載位址是 http://www.aptana.com/products/studio3/downloadAptana Studio 有兩個本版,獨立的 Standalone Version 跟 Eclipse 用的 Plug-in Version 。這裡選擇 Standalone Version ,按下方的“Download Aptaba Studio 3”按鈕開始下載。
下載 Aptana_Studio_3_Setup_3.2.0.dmg 磁碟影像檔後,點二下就可以掛載 Aptana Studio 3 虛擬磁碟。將 Aptana Studio 3 檔案夾拖進 Applications 應用程式檔案夾裡就可以了。
找到 /Applications/Aptana Studio 3/AptanaStudio3.app 點二下打開,照慣例 OSX 會警告你這是網路下載的軟體,按“打開”才能繼續執行。
設定 Workplaces 目錄:第一次執行 Aptana Studio 或其他 Eclipse 改寫軟體,都會提示設定 Workplaces 目錄。Workplaces 目錄是 Aptana Studio 預設的檔案存檔路徑,這裡請用預設值:/Users/你的OSX帳號/Documents/Aptana Studio 3 Workspace ,後按下“OK”。如果不希望每次執行 Aptana Studio 都出現這個對話框,記得要勾選下方的“Use this as the default and do not ask again”選項。
Workplaces 設定完成後,就可進入 Aptana Studio 3 ,分割視窗最大的部分會出現“Start Page”,顯示 Aptana Studio 的相關最新資訊。接下來就可以匯入 Ampps 安裝好的 CodeIgniter 框架,開始編寫網頁應用程式。
安裝 Eclipse Git 外掛軟體
Eclipse 最早是為了支援 Java 程式的開發為目的,本身也是應用 Java 語言所開發的開源碼軟體。隨後也因為許多外掛軟體(Plug-in)的出現,開始支援各式各樣的程式語言開發而受到開源碼社群的歡迎。因此像是 Aptana Studio 或其他以 Eclipse 為基礎開發的軟體,多數也支援 Eclipse Plug-in 。 像是 Aptana Studio 第2版時,一度為了專注於 RadRails 的開發,而取消了 PHP 的支援,改請使用者下載 Eclipse 的 PDT 外掛代替。直了 Aptana Studio 3 後,才右回復內建 PHP 支援。有了 Eclipse Plug-in 的支援,Aptana Studio 事實上並不限於僅能內建的程式開發功能,還能支援像是 Git 這個受歡迎的分散式版本管理軟體。下載 Eclipse 外掛軟體清單
要安裝 Eclipse 外掛軟體,請從“Help”選單下選擇“Install New Software...”出現“Install”對話框,先按一下右邊的“Available Software Sites”查看目前可下載的網站:
出現“Preference”對話框的“Available Software Sites”項目中,一開始始會只有“Aptana Studio 3 Release Updates”跟“Eclipse Indigo Update Site”兩個網站。前者是用於更新 Aptana Studio 3 之用,後者就是 Eclipse 的更新網站。請勾選後者,然後按下“OK”按鈕。
回到“Install”對話框的“Available Software Sites”,按一下“Work with”欄位後方的倒三角圖像,選擇“Eclipse Indigo Update Site”,接下來 Aptana Studio 就會開始從網路上下載可以安裝的外掛軟體。
因為 Eclipse 的外掛軟體實在非常多,因此第一次擷取安裝軟體的“清單”時,速度可能會有點慢,需要耐心等候一下。你可以在 Aptana Studio 主視窗的右下角,會顯示下載的進度...
安裝 Egit 外掛軟體
下載完 Eclipse 的外掛軟體 ,因為項目非常多,所以需要使用搜尋(過濾)功能找出所要的軟體。
搜尋軟體的方法,在“Name”上方的空白欄位中輸入關鍵字後,按下“Enter鍵”。例如要尋找 Git 套件,就請輸入 git 後並按一下“Enter鍵”,就會顯示所有相關的軟體。下方兩個位預設未勾選的選項,則可以過濾不相容以及已經安裝的軟體。
Aptana 支援系統 OSX 所安裝的 Git (需要另外從 http://code.google.com/p/git-osx-installer/ 下載手動安裝)以及 EGit 與 JGit 兩個純 Java 開發的 Eclipse 外掛。
一方面個人不想在 OSX 系統中安裝額外的軟體,另一方面據說 Aptana 的 Git 功能與著名的 Git 服務網站 Github 有相容性問題。因此這裡選擇安裝“Eclipse EGit ”,以面未來有需要時,可以將程式碼存放於 Github 。
請在“Install”的對話框勾選“Eclipse EGit ”後,按“Next”進入下一步,會出現“Install Detail”。
“Install Detail”會顯示安裝的細節與說明,請繼續按“Next”進入下一步的“Review Licenses”授權說明。第一次安裝 Eclipse 的外掛軟體,很容易在這裡卡關。因為“必須先勾選右下方的 I accept the terms of the license agrement 項目”,然後才能按右下方的“Finish”按鈕。
按了“Finish”按鈕之後, Aptana Studio 才會真正開始下載 Egit 軟體。
安裝完畢後,雖然多數外掛軟體可以直接按“Apply Changes Now”套用。但為了避免發生問題,建議還是按“Restart Now”重新啟動 Aptana Studio 比較保險。
安裝成功的話,可以在“Preference”面板看到 Git 。請從“Aptana Studio 3”下拉選單選擇“Preference”項目。
在“Preference”面板的左側,可以看到兩個 Git 項目。第一個項目需要設定 OSX 系統所安裝的 Git 執行檔,第二個才是剛剛安裝的 EGit 外掛軟體。EGit 詳細的設定,請參考官方的使用手冊。
應用 Aptana Studio 開發 CodeIgniter 應用程式
應用 IDE 開發 PHP 程式的優點之一,是可以應用 “自動完成(Auto-complete)”功能,加快程式碼的輸入。依照 http://r15ch13.de/2011/03/autocomplete-in-aptana-3-for-codeigniter-2/ 這篇文章的說明,要在 Aptana Studio 加入 CodeIgniter 2 程式的自動完成功能,要設定 PHP Library ,或是設定專案的 PHP Buildpath 設置值,指向已安裝的 CodeIgniter 2 框架的目錄。
設定 CodeIgniter 的自動完成功能
請從“Aptana Studio 3”下拉選單選擇“Preference”項目。
在側邊欄裡,找到 Aptana Studio > Editors > PHP 項目下的 Libraries ,按一下右上角的“New user library”。
出現“Configure PHP Library”對話框後,按一下右方的“Add Folder”。
如果你已經依照前一篇的內容安裝好 CodeIgniter 框架,已安裝的程式碼原始檔案,應該都放在 Ampps 的伺服器根目錄 /Applications/AMPPS/www 之下的 igniter 檔案夾。找到 /Applications/AMPPS/wwwigniter 檔案夾後,按下“Open”按鈕。
回到“Configure PHP Library”對話框後,需要為 Library 命名,在“Library name:”欄位輸入“ CodeIgniter 2”,然後按“OK”。
回到 PHP Libraries 對話框,按下“OK”完成設定。
匯入 Ampps 的 CodeIgniter 安裝
如果你已經依照前一篇的內容安裝好 CodeIgniter 框架,所有程式碼原始檔案應該都放在 Ampps 的伺服器根目錄 /Applications/AMPPS/www 之下的 igniter 檔案夾。
要匯入 Ampps 的 CodeIgniter 安裝,先按左方的“App Explorer”視景(Eclipse 稱各種資訊檢視面板為 View)的“Import Project”。
從“Import”對話框中,展開“General”檔案夾圖像,點一下“Existing Folder as New Project”,然後按“Next”按鈕。
接下來會出現“Promote Project”對話框,先按下“Browse...”按鈕找出 igniter 檔案夾所在位置:
然後在“Open”對話框中,找到 /Applications/AMPPS/www 之下的 igniter 檔案夾,然後按下“Open”:
畫面會回到“Promote Project”對話框, Aptana Studio 會自動以 igniter 檔案夾名稱作為 Project name 。記得勾選“Project Type: ”下方的“PHP”屬性,讓 Aptana Studio 可以自動使用 PHP 相關功能,然後再按下“Finish”按鈕結束匯入。
匯入完成,就可在“App Explorer”視景看到專案名稱“igniter”,以及其下的檔案與檔案夾資料。
設定目前專案的 PHP Buildpath
選擇“Project”選單的“Properties”項目。在側邊欄的“PHP Buildpath”項目點一下,有方出現的“Libraries”標籤下,會出現目前已聯結的 CodeIgniter 2 。請勾選“User project specific settings”,然後按下“OK”結束設定。
建立專案的 Git Repository
Git 基本上就是一個由檔案系統形成的原始碼版本控制軟體。其優點是不需要伺服器,在本地與遠端磁碟機都可以建立分散式的文件庫(repository),因此受到廣大開源碼開發社群的歡迎。
要用前述安裝的 EGit 建立本地的文件庫(repository),請進入 Aptana Studio 左側的“Project Explorer”視景,在 igniter 專案的檔案夾上按下右鍵,選擇“Team”選單的“Share Project”。
在“Share Project”對話框會有“Aptana Git”跟“Git”兩個選項。請選“Git”然後按下“Next”。
接下來出現“Configure Git Reposity”對話框,因為目前還沒有任何文件庫可選,所以請先按下右方的“Create”來創建新的文件庫 。
接下來出現“Create a New Git Reposity”對話框,預設的父目錄是在 /User/你的OSX帳號/git 檔案夾之下,請在 Name 欄位輸入文件庫的名稱: igniter ,然後按下“Finish”。
Git 實際的存檔路徑,是在 /User/你的OSX帳號/git/igniter/.git 目錄之下。因為 .git 這類以小數點為開頭的檔案,在 OSX 系統下會預設為隱藏檔案,所以你在 OSX 的 Finder 下並不會看到這些隱藏檔案,以免不小心被更動。接下來請按下“Configure Git Reposity”對話框的“Finish”按鈕, EGit 程式就會開始將下方勾選的“igniter”專案加入到 /User/你的OSX帳號/git/igniter/ 文件庫之中。
完成 Git 文件庫設定後,在“Project Explorer”視景中,會看到專案名稱後面會出現 [igniter NO-HEAD] 字樣,前者 igniter 是專業所聯結的文件庫名稱,後者 NO-HEAD 是 Git 分支點(branch)名稱,目前沒有任何 Git 分支所以出現 NO-HEAD 。
此外,在“Project Explorer”視景中的專案檔案夾上按下右鍵,在“Team”選單下就會出現 EGit 相關的新指令,例如“Commit...”等指令。
結論
Aptana Studio 3 雖然目前是以 RadRails 這個為了 Ruby on Rails 框架開發為主要特色,但基本上仍內建支援 PHP 等多種網頁應用程式開發。但因為軟體改寫自 Eclipse ,因此能使用 Eclipse Plugin-in 外掛軟體,擴充成適合 CodeIgniter 2 的開發環境。






































沒有留言:
張貼留言