使用webstorm + jetbrains ide support浏览器插件

1 开启live edit

Build -> Debugger -> Live Edit -> Update 勾选自动刷新

2 安装jetbrains ide support浏览器插件

安装后，重启浏览器

3 点击Debug即可在浏览器打开网页并会自动刷新

4 隐藏顶部的“Jetbrains 正在调试此浏览器”的提示：

在地址栏输入chrome://flags，在搜索debugging，找到Silent Debugging Mac, Windows, Linux, Chrome OS，点击启用

使用sublime + livereload插件 + php服务器

1 sublime安装LiveReload插件

2 chrome安装LiveReload插件

在需要使用自动刷新的页面点击LiveReload，中间小点变为实心即为启用

3 使用服务器启动项目

使用php内置的服务器php -S localhost:5555

4 在sublime启用LiveReload

1、在需要使用的时候Ctrl + Shift + P，呼出面板，输入LiveReload项
2、进入LiveReload配置项，可以根据实际情况选择，这里选择simple reload即可