sublime text 3配合Chrome谷歌浏览器使用插件LiveReLoad自动刷新

在论坛里看了很多人的方法,总结了一些,自己写一篇博客分享一下。

一、打开sublime安装插件

1、
ctrl+shift+p
install package Control先
再ctrl+shift+p
2、add repository,增加下面的url
https://github.com/NickWoodhams/LiveReload.git
3、ctrl+shift+p
4、输入install
sublime text 3配合Chrome谷歌浏览器使用插件LiveReLoad自动刷新_第1张图片
输入install后第一个回车,等待片刻,sublime下面会有个进度条显示在安装。

5、然后输入liveReload
6、这样就在sublime中安装好liveReload插件了

接下来还需要设置,如下:

6、preferences->packge settings ->livereload->settings-User,
复制以下代码,复制进去,保存(ctrl+S)

{
     "enabled_plugins": [
      "SimpleReloadPlugin",
      "SimpleRefresh"
     ]
}

7、重启sublime,因为插件需要重启后才能正常使用。

二、在谷歌Chrome浏览器中安装插件、
1.设置
2.扩展程序(如果会科学上网直接搜索LiveReload然后添加就可以了。成功以后书签栏会有一个旋转圆形标志出现,中间为空心的。)
3.开发者模式
下载插件
链接:https://pan.baidu.com/s/1icFD0WR7hFdTksqNzRwxyA
提取码:v7qe
4.把下载好的插件crx直接放进去
5.添加sublime text 3配合Chrome谷歌浏览器使用插件LiveReLoad自动刷新_第2张图片
6.详细信息
7.这个一定要打开在这里插入图片描述
8.重启浏览器
9.写一个html文件,然后使用chrome运行,点击旋转圆圈中间的空心点变成实心说明连接成功。

参考:http://blog.csdn.net/chenhebing/article/details/50384314
https://blog.csdn.net/qq_38927862/article/details/79887214

你可能感兴趣的:(前端)