利用livereload实现Atom保存文档时自动刷新chrome网页

我看见网上虽有介绍，但并不完整，我就按照自己翻阅的各个文档整合一个。

一、第一步：atom安装livereload插件

      打开atom，点击  文件 ---> 偏好设定 --->  +安装 ---> 输入框输入livereload ---> 点击安装 

      安装完毕后可以在已安装的扩展内找到。

     

二、第二步：atom激活livereload插件

     关于这一步，在atom的livereload插件介绍的usage里面有，大佬也可以访问https://atom.io/packages/livereload按照步骤进行操作。

     1.选择主菜单Packages(扩展包) ---> LiveReload ---> Toggle Server打开服务器，或按Ctrl+Shift+R

     2.服务器成功启动后，LiveReload: PORT_NUMBER，Atom的底部状态栏中会显示文本

        

    3.单击它以获取livereload.jsJavaScript文件的URL

    4.将脚本放在您希望赋予实时重新加载功能的文档的底部！！！（一定要放在你要操作的文档的最后）

    <script type="text/javascript" src=" "></script> src内容是上一步点击获取的url

    每次重新打开atom都需要激活这个插件，获取的url也不一样，需要修改。

三、chrome安装livereload插件

     我之前搜了好多个插件都不能用，甚至动了翻墙的念头，谁知今天无意间翻到的超级好用，完全不需要翻墙。再次感谢大神们帮助小白们成长。

    1.首先这个是我从网上搜到的大神的github上的livereload插件，进入后点击download下载https://github.com/yuelinayln/YLNreact/blob/master/livereload.crx

    2.打开谷歌浏览器，右上方有一个竖立的三个点，点击进入 更多工具 ---> 扩展程序  把下载好的livereload.crx直接往页面空白处拖。查看下图与我的红色标记对应处是否是打开状态。

    3.你会发现上图的绿色标记处有了一个这样的小图标。恭喜你，已经可以成功运行了。

    上文所诉，皆是我个人的一些操作经验，如有不足，欢迎指出。