前言：
何为DEBUG？
相信很多程序员都知道debug这个单词，也明白它的意思，但是对于这词的由来，恐怕少有人知道。关于debug的由来，要追溯到1937年。1937年，美国青年霍德华.艾肯找到IBM公司为其投资200万美元研制计算机，第一台成品艾肯把它取名为：马克1号（mark1），又叫“自动序列受控计算机”，从这时起IBM公司由生产制表机，肉铺磅秤，咖啡研磨机等乱七八糟玩意儿的行业，正式跨进“计算机”领地。为马克1号编制程序的是哈佛的一位女数学家格蕾丝·莫雷·赫伯，有一天，她在调试程序时出现故障，拆开继电器后，发现有只飞蛾被夹扁在触点中间，从而“卡”住了机器的运行。于是，霍波诙谐的把程序故障统称为“臭虫（BUG）”，把排除程序故障叫DEBUG，而这奇怪的“称呼”，后来成为计算机领域的专业行话。从而debug意为程序除错的意思。
官方给出的步骤：
Zero-configuration Web Application Debugging with Xdebug and PhpStorm
运行环境：
PHPSTORM版本 : 8.0.1
PHP版本 : 5.6.2
xdebug版本：php_xdebug-2.2.5-5.6-vc11-x86_64.dll
ps : php版本和xdebug版本一定要相对应
1. PHP安装xdebug扩展
php.ini的配置，下面的配置仅供参考，路径要换成自己的！
[xdebug]
zend_extension="D:\wamp\php-5.6.2-x64\ext\php_xdebug-2.2.5-5.6-vc11-x86_64.dll"
xdebug.remote_enable = On
xdebug.remote_handler = dbgp
xdebug.remote_host= localhost
xdebug.remote_port = 9000
xdebug.idekey = PHPSTORM
ps : remote_handler 、remote_host、remote_port 这些都有默认值，但还是建议设置下，至少知道要设置这些参数~
查看phpinfo~
【或者使用PHPstudy：其他选项菜单/PHP扩展设置/PHP扩展/XDEBUG打上对钩】
2.PHPSTORM设置
楼主以前一直用zendstudio，刚开始用phpstorm非常蛋疼，用了一段时间后发现还挺好用的~
1.首先检查phpstorm的xdebug配置
这里的debug port要和php.ini里面的xdebug.remote_port相一致！默认是9000，如果9000端口被占用的话，可以改成其他端口。
phpstorm配置
客户端调试，打开phpStorm，进入File>Settings>PHP>Servers，这里要填写服务器端的相关信息，name填localhost，host填localhost，port填80，debugger选XDebug
进入File>Settings>PHP>Debug，看到XDebug选项卡，port填9000，其他默认
进入File>Settings>PHP>Debug>DBGp Proxy，IDE key 填 phpStorm，host 填localhost，port 填80
点OK退出设置。
2. 设置debug.
添加本地的 web server~
www.51open.pcom 是我本地的 web server~ ~
3.开始调试
打好第一个断点，shift + F9就可以了
打好第一个断点，选中配置的debug, 按旁边的臭虫 按钮
运行环境：
PHPSTORM版本 : 8.0.1
PHP版本 : 5.6.2
xdebug版本：php_xdebug-2.2.5-5.6-vc11-x86_64.dll
ps : php版本和xdebug版本一定要相对应
1. PHP安装xdebug扩展
php.ini的配置，下面的配置仅供参考，路径要换成自己的！
[xdebug]
zend_extension=”D:\wamp\php-5.6.2-x64\ext\php_xdebug-2.2.5-5.6-vc11-x86_64.dll”
xdebug.remote_enable = On
xdebug.remote_handler = dbgp
xdebug.remote_host= localhost
xdebug.remote_port = 9000
xdebug.idekey = PHPSTORM
ps : remote_handler 、 remote_host、 remote_port 这些都有默认值，但还是建议设置下，至少知道要设置这些参数~
查看phpinfo~
2.PHPSTORM设置
楼主以前一直用zendstudio，刚开始用phpstorm非常蛋疼，用了一段时间后发现还挺好用的~
1.首先检查phpstorm的xdebug配置
这里的debug port要和php.ini里面的 xdebug.remote_port相一致！默认是9000，如果9000端口被占用的话，可以改成其他端口。
2. 设置debug.
添加本地的 web server~
www.51open.pcom 是我本地的 web server~ ~
3.开始调试
打好第一个断点，shift + F9就可以了
打好 第一个断点 ，选中配置的debug, 按旁边的臭虫 按钮
总结：
根据断点配置，或在打开 Debug URL 的过程中，或在 POST 之后，如果 PhpStorm 监听到了 Debug 连接，就会立即切换到编辑器界面，并跳转到设置的断点处，浏览器端会等待 PhpStorm 的操作。
你可以随时中断 PhpStorm 的调试，或方便的进行 Step Into / Step Over / Run to cursor（这个刁爆了）：
哎呀，不想调试了，PhpStorm 却总是跳出来？记得刚刚那个电话按钮嘛，再点一下，让其变成红色，就好了。
thinkphp怎么用js？这篇文章介绍了ThinkPHP模版中导入CSS和JS文件的方法，不懂的同学快来看看吧！常用方法
1. css使用link
2. js使用src
用tp自己的导入标签import
导入Public文件夹下面的Js目录中的test.js文件，import标签可以省略type属性,默认就是js的文件
| 代码如下 | 复制代码 |
| <import type='js' file='Js.test'> <import type='css' file='Css.test'> | |
不在Public:
| 代码如下 | 复制代码 |
| <import type='css' file='Css.test' basepath='./Other'/> | |
Other后面不加路径中的/
使用load标签
load标签,非常简单,自动检测
| 代码如下 | 复制代码 |
| <load href='__PUBLIC__/Css/test.css' /> <load href='__PUBLIC__/Js/test.js' /> | |
首先apache是服务器，不能直接运行php文件。
解决方法：
安装php，从php官网下载php安装包。配置好php环境。（或者使用ampz，phpstudy这些软件便捷安装php以及Apache服务器环境）
将php文件放在网站根目录下。
打开浏览器在地址栏中键入Localhost或者127.0.0.1，即可运行浏览你的php程序