HBuilder + PHP開發環境配置

標籤：alt   編輯   amp   實現   aptana   外掛程式安裝   href   item   分享   

 

1. HBuilder 整合式開發環境簡介

   HBuilder是DCloud（數字天堂）推出的一款支援HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基於Eclipse，所以順其自然地相容了Eclipse的外掛程式。快，是HBuilder的最大優勢，通過完整的文法提示和代碼IME、代碼塊等，大幅提升HTML、js、css的開發效率。

   HBuilder的代碼提示功能是十分強大的。用於web前端開發碼代碼絕對是好助手，用於開發php檔案的話可能不是最好的，但是它內建的"邊改邊看模式"絕對是少有的（當然其他編輯器也有，沒有的我們也可以通過配置使其實現即時更新的效果）但還需要配置一番（代碼配置）難度係數高耗時間長度。動動滑鼠就能搞定的事情我們還是不要去寫代碼了。

   瀏覽器即時更新的必要性相信大家都瞭解：從資料庫讀取資訊，寫完php代碼還要動手重新整理下瀏覽器，實在不方便。HBuilder的"邊改邊看模式"完美實現了這一我們前端碼農剛需。

    

2. 工具及使用者
3. windows系統（win7 win10都能用，其他的沒試過）;
4. HBuilder編輯器；
5. Phpwamp整合式開發環境；

   註：HBuilder編輯器和Phpwamp整合式開發環境安裝包已儲存到506內部硬碟，需要請自取。二者均無需安裝，點開.exe檔案即可使用。

    

6. PHPWAMP使用方法

   找到軟體安裝包裡的PHPWAMP.exe檔案，雙擊開啟，即可。1、2所示。

   圖 1

   圖 2

    

   若要進入資料庫，可直接點擊管理資料庫按鈕，點擊之後將跳轉到3所示介面：

   圖 3

   使用者名稱和密碼在軟體安裝目錄下的 使用教程.txt 檔案中可以找到，4所示：

   圖 4

   使用者名稱為：root，密碼為：168168.

    

7. HBuilder使用方法

   1.同樣，HBuilder 也無需安裝，直接找到HBuilder檔案夾裡的HBuilder.exe，雙擊開啟該檔案，5所示：

    

   圖 5

   開啟之後，從開始介面可以點擊註冊後進入使用軟體，或者點擊暫不登入按鈕，也可進入編輯介面。

   2.點擊檔案--->建立--->Web項目，即可建立一個HTML+CSS+JS項目，6、7所示：

   圖 6

   圖 7

    

   至此，一個html+css+js的web項目就建好了。

    

8. 為php配置外部web伺服器

   點擊運行--->設定web伺服器，8、9、10、11所示：

   圖 8

    

   圖 9

   圖 10

    

   圖 11

   注意：圖11所示 url處按如下規則填寫：

   http://127.0.0.1: + 伺服器連接埠號碼+ /php , 王博的伺服器連接埠號碼為506，故此處url為：

   http://127.0.0.1:506/php 。

    

   圖 12

    

    

    

    

   接下來把php的web伺服器的改為剛剛設定的外部伺服器網址，13所示：

   圖 13

    

   這樣，php的外部伺服器就配置好了。

   接下來，在phpwamp軟體目錄下的wwwroot目錄下，建立名為php的檔案夾。然後，從HBuilder裡點擊開啟目錄，開啟php檔案夾，14、15所示：

   圖 14

   圖 15

   在php項目下建立名為info的php檔案——info.php，開啟該檔案，在裡面敲上如下代碼：

   <?php
       phpinfo();

   ?>

   點擊儲存按鈕後，查看邊看邊改模式下的視圖，出現如所示資訊：

   圖 16

    

   至此，HBuilder下PHP的環境配置就已經成功了。

    

9. 添加php外掛程式

   點擊 工具--->外掛程式安裝，：

   圖 17

    

   圖 18

    

   勾選Aptana php外掛程式，點擊安裝，即可。

    

    

    

HBuilder + PHP開發環境配置