sublime浏览器实时预览无效果的一些解决办法

一、需要用到的插件：

1.sublime（3个）：Emmet LiveStyle、LiveRelad、Auto-save。

2.浏览器（2个）：Emmet LiveStyle、LiveRelad。

此处就不提供下载了，可以参考其他插件安装教程。

二、列举一下我遇到的问题：

1.（CSS即时显示）Emmet LiveStyle浏览器插件设置时候，先打开HTML预览再按F12，这时候才能设置，必须要选与HTML文件对应的CSS文件。

2.（HTML即时预览）用到两个插件：

• 1.浏览器插件（LiveReload）：这个一定要下载正确的插件（谷歌浏览器下载的可以），edge浏览器下载的不是同一个插件。

  附上谷歌下载地址（科学上网）：https://chrome.google.com/webstore/detail/jnihajbhpnppcggbcgedagnkighmdlei

• 注意：要给浏览器插件一个“访问文件”的权限。

• 打开浏览器的LiveReload插件，确保浏览器的LiveReload插件中心是一个黑点。

• 2.自动保存插件（Auto-save）：我用了sublime的自动保存，不能即时保存（手动切换到其他软件界面才会保存），这个插件可以实现即时保存。

• 要在插件的Setting-user设置里写上一段代码：

{
    "auto_save_on_modified": true,
    "auto_save_delay_in_seconds":1
    //这个秒数至少是1秒，如果设置为0.1，sublime就没有HTML、CSS提示了
}

还有一段在key-bindings-user中的设置，贴在这吧（我没用这个）：

{ "keys": ["ctrl+shift+s"], "command": "auto_save" }