前端开发效率提升工具-LiveReload

前言

今天介绍一款提升页面开发效率的插件LiveReload
这款插件可以让你在按下保存之后立马在页面上看到效果,这在我们写页面的时候会十分方便

步骤

1、打开Chrome浏览器,进入扩展程序,搜索LiveRealod插件,下载然后启用,启用完成后记得勾选允许访问文件

2、打开Sublime,ctrl+shift+p,输入install,进入安装插件模式,搜索LiveRealod插件,下载完成后进入Preferences-Package Setting-LivcReload-Setting-User,插入如下代码

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

3、重启sublime

完成

一切完成之后可以测试一下了,新建一个文件夹,拖进sublime中,然后在里面新建一个html文件并在Chrome中打开,点击输入框旁边的圆形按钮,当中间的小圆点从空心变成实心,说明插件启动了,然后写点东西试试。

其实还有很多方式可以实现保存即刷新,比如glup,grunt等项目工具,能够监听文件变化,自行探索吧

备注

1、Chrome应用商店需要翻墙,因此推荐使用蓝灯,蓝灯中国地址:蓝灯中国
2、如果你不是用sublime的话,还有一款liveReload软件,可以自行尝试(chrome插件是一定要装的)
有问题请留言,最近网站搬家,很不稳定,请谅解!

共有 4 条评论

  1. 广告任务网

    很不错的样子⊙0⊙

  2. 华夏九州套图

    我只是来随便看看!

  3. 一生一世套图

    三天不来手痒痒!

  4. 网赚论坛

    访问您的博客已成习惯!

Top