设置webstorm实时预览看这一篇就够了,5分钟解决!!

1、安装插件Live Edit

这里学到了一个名词,捆绑,意思就是有的编辑器默认自带的,无须另外下载我这里是2020.3.2是自带的,检查是不是自带的也很简单,按照下图去看看是不是有Live Edit,如果是就是自带的(设置推荐按照图上的来),没有的话就去插件里面寻找下载即可。
设置webstorm实时预览看这一篇就够了,5分钟解决!!
installed表示之前已经安装过(就是捆绑的意思),这里再点击是没有效果的,正常如果每安装的话应该是install,想卸载的话是uninstall
设置webstorm实时预览看这一篇就够了,5分钟解决!!

2、安装扩展

去哪下? *还不会,好不容易有热心博主分享链接但是

当时现在下来只有这一个文件
设置webstorm实时预览看这一篇就够了,5分钟解决!!
于是来坑了,想之前装扩展一样 直接拖动出现如下效果
设置webstorm实时预览看这一篇就够了,5分钟解决!!

继续百度参考:程序包无效

设置webstorm实时预览看这一篇就够了,5分钟解决!!
上面的坑我都踩过了,直接下载下方的链接里面的东西,解压,拖动即可。
链接:百度网盘链接
提取码:1234
复制这段内容后打开百度网盘手机App,操作更方便哦

3、在浏览器中打开,选择Debug模式!!

设置webstorm实时预览看这一篇就够了,5分钟解决!!

4. 体验成果了

设置webstorm实时预览看这一篇就够了,5分钟解决!!

我的感悟:

为什么整理下来,就这几步,这么简单,而我一开始却花费了好多好多时间,看了好几种不同版本的说明!!!!!! 好惨!!

上一篇:Live Home 3D Pro for mac(3D家居设计软件) v4.1.2中文免激活版


下一篇:华熙LIVE五棵松“此时此刻”艺术展用艺术互动连结时空