Sublime Text3 实现实时刷新页面

方法1:LiveReload

第一步:在Chrome应用商店下载插件LiveReload,点击添加到Chrome。添加完后右击LiveReload,选择“管理扩展程序”,将LiveReload设置为【允许访问文件网址】

Sublime Text3 实现实时刷新页面_第1张图片

第二步:用Package Control 安装插件LiveReload。ctrl + shift + p → install package →  livereload

手动安装位置:Preference→Browse Packages…→返回上层(Sublime Text 3文件夹下)→Installed Packages

缺少Package Control 和手动安装插件一样,把Package Control至于上方手动安装位置后重启即可。

安装报错There are no packages available for installation解决步骤:https://blog.csdn.net/ion_L/article/details/87954866

所需文件百度云:链接:https://pan.baidu.com/s/1JADqMzHu-c_W6IOuSJ3Twg     提取码:rtn8

第三步:配置LiveReload 。Preferences -> Package Settings -> LiveReload -> Settings-User

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

第四步:启用LiveReload。Ctrl+Shift+P →LiveReload: Enable/disable plug-ins, 按 Enter→在下拉列表找到 “Enable - Simple Reload” , 按 Enter

第五步:点击 Chrome菜单栏中LiveReload 图标,中心的空心小圆圈会变成实心,表示已经启用LiveReload并连接成功。Sublime text3中的任何变化,Ctrl+S后,立即在Chrome中看到相应变化。

方法2:BrowserSync  http://www.browsersync.cn/#install

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