HBuilder + PHP開發環境配置

 

1. HBuilder 集成開發環境簡介

   HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基於Eclipse，所以順其自然地兼容了Eclipse的插件。快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升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插件，點擊安裝，即可。