一、wampserver篇
1、下載:
注意:官網(wǎng)上的dl按鈕下載下來的不是完整版本的工具,具體操作方法見:
http://www.cnblogs.com/Sabre/p/6728818.html
2、安裝:
(1)沒什么特別要講究的,一路next即可
(2)安裝結(jié)束后,電腦任務(wù)欄右下角出現(xiàn)wampserver圖標(biāo)且為綠色即表明安裝結(jié)束且服務(wù)正常開啟。
(3)關(guān)閉防火墻,瀏覽器(推薦chrome)中輸入localhost出現(xiàn)wampserver主界面即表明成功安裝。
3、MySql密碼修改:
(1)修改mysql默認(rèn)用戶名、密碼(默認(rèn)為:root,無密碼)

左鍵單擊wampserver運行圖標(biāo)-》MySql-》MySql控制臺-》依次輸入(命令-》返回值):
a、use mysql-》database changed
b、update user set password=PASSWORD(‘your pwd’) where user=’your name’;
新版本wampserver有變動:
update user set authentication=PASSWORD(‘your pwd’) where user=’your name’;
(update user set authentication_string=password(‘your pwd’) where user=’your name’;)
-》query ok
c、flush privileges-》
d、quit
完成上述步驟MySql密碼即修改完成
4、php代碼調(diào)試,需開啟xdebug,如下圖所示:

5、設(shè)置 輸入localhost后主界面的顯示(后續(xù)用花生殼映射地址顯示的頁面)
打開 httpd.conf,如下圖所示,找到DirectoryIndex index.html,修改index.html為你想要文件名,比如my.php。如果你想添加多個首頁文件,可以用空格隔開,文件的前后順序就是首頁文件讀取的優(yōu)先度。

二、HBuilder篇
1、下載+安裝:
沒什么注意項,官網(wǎng)下載一路next安裝即可
2、php代碼調(diào)試:
工具-》插件安裝-》Aptana PHP-》安裝
php代碼左側(cè)欄添加斷點,右鍵-》調(diào)試方式-》php server。
3、快捷鍵設(shè)置及修改:
工具-》選項-》左上角輸入框:快捷鍵-》右側(cè)框找到自己所需類別修改快捷鍵
整理格式:ctrl+shift+f
4、調(diào)試
右上角下拉選項可以選擇不同的模式,邊看邊改即可以試試看到j(luò)s/html/php代碼修改后的效果及作用
phpserver調(diào)試后會出現(xiàn)調(diào)試視圖,F(xiàn)6單步調(diào)試,F(xiàn)5運行到下一斷點。

三、花生殼篇
內(nèi)網(wǎng)端口映射+內(nèi)網(wǎng)穿透,參考官網(wǎng)教程
http://service.oray.com/question/1712.html