WebStorm调试

// 安装JetBrains IDE Support插件(需要翻墙)
地址:https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji
注:安装好后可见chrome右上部会出现一个JB的图标,右击这个图标可以设置调试端口(默认是63342)

// 打开live edit功能 ->实现自动刷新
Build,Execution,Deployment->Live Edit->Update->选中Auto in (ms)
注:这样就可以在webstrom中修改文件,不用刷新页面就能看到改动后的效果,但缺点是不能和chrome自带的调试工具同时使用

// 右键在html中以debug模式运行即可看到效果