Sublime怎么实现html文件浏览器更新

这篇文章主要讲解了“Sublime怎么实现html文件浏览器更新”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Sublime怎么实现html文件浏览器更新”吧！

1 所需插件:谷歌浏览器的livereload插件;sublime的livereload插件.

2 sublime插件安装方法及配置.

2.1 sublime的package control的安装方法就不说了,百度一下有很多文章.在sublime的界面,同时按下ctrl+shift+p,弹出界面输入install package,点击红色的项目.

2.2 在弹出的界面输入livereload;点击livereload项目.

2.3 点击后sublime开始自动安装,安装完成后进行配置;依次点击 首选项-Package Setting-LiveReload-Setting User;将下面的jon代码粘贴进去,保存.即完成sublime上的配置.

{

    "enabled_plugins": [

        "SimpleReloadPlugin",

        "SimpleRefresh"

    ]

}

3 谷歌浏览器插件安装.

3.1 如果你能'科学上网'的话,直接在谷歌网上应用商店搜索livereload即可,搜索结果的第一个就是我们想要的.点击添加至CHROME,按步骤操作即可完成安装

3.2 果你是个良民,网上直接下载插件,手动导入也可以.

3.2.1 插件网livereload下载

下载下来的是一个.crx文件.打开谷歌浏览器,依次点击:自定义及控制(右上角的竖着的三个点)-更多工具-扩展程序;打开扩展程序列表.

3.2.2 将下载成功的.crx文件直接拖拽到扩展程序列表,即可完成插件安装.

3.2.3 谷歌浏览器安装成功后,会在浏览器右上角出现类似刷新的图标,中间有一个空心圆.就是livereload的图标.

4 插件都准备好后,打开正在编辑的html页面.这一步很重要,打开方式一定是在本地起的一个服务下打开,不管使用http-server本地起服务的方式,还是sublime的插件SublimeServer直接打开的方式,只要地址栏是localhost(127.0.0.1)开始即可.不能直接点击文件打开.

sublime插件SublimeServer打开方式

5 页面在浏览器打开后,点击liveReload的图标,图标的空心圆变为实心圆,表明与sublime连接成功.

6 至此,既完成了浏览器与sublime文件的连接,修改hmtl页面,保存后,浏览器会自动更新.

感谢各位的阅读，以上就是“Sublime怎么实现html文件浏览器更新”的内容了，经过本文的学习后，相信大家对Sublime怎么实现html文件浏览器更新这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！