扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍Sublime text3配置LiveReload插件的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:空间域名、网页空间、营销软件、网站建设、察哈尔右翼后网站维护、网站推广。
在我们编写前端代码时,常规操作是在编辑器写完代码保存,再到浏览器刷新显示,过程很是繁琐,今天介绍这款sublime text3的插件将提高我们的开发效率,它就是LiveReload。
Tip:
LiveReload是很棒的插件,可以在浏览器中实时预览,但是在Sublime text3里,从Package Control中安装的LiveReload是无法使用的,但是可以选择手动安装解决。
Github上的LiveReload for Sublime text3的地址:https://github.com/Grafikart/ST3-LiveReload,两种方式安装:
方法一:
选择DownloadZip,将解压的文件夹放在Packages文件夹(Preference>Browse Packags)重启ST3
方法二:
直接clone到Packages文件夹。
//适用于Linux OSX //Windows可以通过Git操作 //进入Packages目录下 rm -rf LiveReload git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload
我用的是chrome,在应用商店可以直接找到LiveReload,安装
安装之后会出现这个图标。
1. ctrl+shift+p 2. LiveReload: Enable/disable plugins 3. Enable - SimpleReload
把html文件在浏览器中打开,点击一次图标中间的圆环变成原点就代表可以实时预览了。
ST3中的文件保存一次,浏览器就会刷新一次,实时预览,很方便!
以上是“Sublime text3配置LiveReload插件的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流