何老師有幾台個人電腦同時在使用,這當中還包括筆記型電腦。為了方便隨時可以存取到同一個版本的檔案資料,所以我和大部份的朋友一樣會有一個DropBox帳號,然後把DropBox的資料夾對應到每一台個人電腦中,讓它們隨時保持同步狀態,這樣子不管在什麼時候使用的是哪一部電腦,你看到的檔案都是同一組,方便在任何地方都可以繼續原來未完成的工作。

  如果是網頁開發,也有同樣類似的方法。還記得我們在上一篇文章中教大家使用的【EasyPHP安裝】嗎?在預設的情況下,所有的網頁資料都是放在C:EasyPHPdatalocalweb的資料夾之下,所以我們把網站放在這個資料夾之後,就可以在本機中藉由修改這些網頁檔案的內容來達到編輯網頁的目的。但是,這些資料是放在其中的一台個人電腦中,所以如果你想要在另外一台電腦編輯同一份網頁資料,除非你先把網頁複製走,然後到另外一台電腦再複製一次。當然這樣子的手動同步非常麻煩,而且一個不小心有地方出錯,所有的網頁資料就很容易亂掉,會造成不小的困擾。所以,在這個地方,何老師將教大家如何透過Sublime Text 2和DropBox以及EasyPHP的搭配,為你自己營造出可以隨時開發網站的方式。

  首先,當然你要在每一台電腦中都安裝好EasyPHP,然後它們的預設網頁位置基本上都是指向C:EasyPHPdatalocalweb,都是C磁碟機,但是卻是不同電腦的C磁碟機。所以,接下來我們就把我們的網站資料放在其中一台電腦的DropBox資料夾中,因為每一台電腦只要是使用同一組DropBox帳號,就會同步它們的內容,因此你可以在任何其中一台電腦上做這個操作就可以了。例如我們要開發的網站是drho.tw,那麼我們就整個網站的內容都複製到DropBox的資料夾中,如下所示:

ep14

  然後,在每一台電腦中使用http://localhost/home進入EasyPHP的管理網頁。如果你無法進入這個網站,那表示你的EasyPHP並沒有正確安裝喔。進入管理網頁之後,會看到如下所示的畫面:

ep11

  請移到LOCAL FILES的地方,找到 add an alias,我們要在這個網站中建立一個別名,按下這個連結之後,可以看到以下的介面:

ep12

  在EasyPHP中建立網頁別名非常簡單,共同3個步驟。第1步是要有自己的資料來,我們已經在之前複製到DropBox同步資料夾中了。第2步則是要設定你要使用的別名,在這裡為了方便起見,我們使用drho這個id。然後第3步很重要,就是要去找出你的這一台電腦中dropbox的同步資料夾實際路徑,然後把它填到這個文字框中。最後再按下下方的按鈕,過一段時間就設定完成了。如果按下這個按鈕之後有一段時間沒有反應,再重新啟動一次EasyPHP就可以了。這個動作在每一台電腦中都要做一次。再強調一次,每一台電腦可能會把你的DropBox同步資料夾放在不同的位置,要留意。

  設定完成之後,你就可以在LOCAL FILES這個欄位中看到你的設定成果:

ep13

  接下來你就可以在你的瀏覽器網址列中輸入 http://localhost/drho ,就可以看到這個網站的內容了。而且,不管幾台電腦做了這個設定都可以,它們存取到的就都是同一份在Dropbox同步資料夾上的網頁資料,也就是說,你可以在你的任何一台設定好的電腦中修改網頁資料,等到DropBox同步完成之後,每一台電腦中的同步資料夾都是同一份更新後的網頁,這樣子你就可以在家裡、工作場合、筆電上隨時修改你的網頁,設計你的網站了。

  不過,這個方法並沒有同步到MySQL資料庫的內容,所以對於資料庫的結構如果有所更新,自己還是要手動去同步這個部份才行。此外,這只是個人開發網站使用的方法,如果你的網站完成之後想要開放給大眾瀏覽,還是要把所有的網頁內容上傳到虛擬主機上才行喔。

  至於要編輯網站資料,當然你可以選擇使用很多不同種類的軟體,但是熟悉程式開發的朋友,很多人還是傾向於使用加強版的文字編輯器(這些功能,絕對是記事本Notepad所望塵莫及的)。而這一類的加強版文字編輯器中,何老師最喜歡的之一就是Sublime,前往他們的網站,你就可以看到許多神奇的功能展示:http://www.sublimetext.com/,何老師強烈建議你一定要安裝一套來用用看,免費的。

  如果你使用Sublime Text 2來開發你的網站的話,那麼一定要把之前我們設定的資料夾整個搬進去,如下所示:

ep09

  執行Sublime Text 2,然後開始DropBox資料夾,找到我們放置所有網頁資料的地方,點選資料夾(在這裡是drho),然後拖曳到Sublime編輯器中,如下所示:

ep10

  這時候所有的網頁資料檔案就會全部被納入Sublime Text中管理,全部在Sublime Text 2中修改及編輯網頁資料檔案即可。

(376)

%d 位部落客按了讚: