phpstorm live Edit 自动刷新html、js、css设置

PHPSTORM的设置:

Ctrl +Shift + A 呼唤出这个搜索界面,搜索plugin关键词,选择下图箭头指向回车进入设置

phpstorm live Edit 自动刷新html、js、css设置_第1张图片

phpstorm live Edit 自动刷新html、js、css设置_第2张图片

phpstorm live Edit 自动刷新html、js、css设置_第3张图片

重启IDE

Chrome浏览器设置:

https://chrome.google.com/webstore/search/jetbrains%20ide%20support

phpstorm live Edit 自动刷新html、js、css设置_第4张图片


安装后:

phpstorm live Edit 自动刷新html、js、css设置_第5张图片

使用:

Phpstorm中:在要调试的页面选择debug模式,记住,一定要是debug

phpstorm live Edit 自动刷新html、js、css设置_第6张图片

phpstorm live Edit 自动刷新html、js、css设置_第7张图片

此时,就可以实时编辑内容显示了


你可能感兴趣的:(IDE)