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

1、安装插件Live Edit

这里学到了一个名词，捆绑，意思就是有的编辑器默认自带的,无须另外下载我这里是2020.3.2是自带的，检查是不是自带的也很简单，按照下图去看看是不是有Live Edit，如果是就是自带的（设置推荐按照图上的来），没有的话就去插件里面寻找下载即可。

installed表示之前已经安装过(就是捆绑的意思)，这里再点击是没有效果的，正常如果每安装的话应该是install，想卸载的话是uninstall

2、安装扩展

去哪下？ 翻墙还不会，好不容易有热心博主分享链接但是

当时现在下来只有这一个文件

于是来坑了，想之前装扩展一样 直接拖动出现如下效果

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

上面的坑我都踩过了，直接下载下方的链接里面的东西，解压，拖动即可。
链接：百度网盘链接
提取码：1234
复制这段内容后打开百度网盘手机App，操作更方便哦

3、在浏览器中打开，选择Debug模式！！

4. 体验成果了

我的感悟：

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