sublime 配合livereload实现极速web开发

sublime 配合livereload实现极速web开发

BUG集散地

2018-09-16 09:21 阅读 36 喜欢 1 页面自动刷新 livereload

在写前端页面的时候,反复操作的是切换,写完代码,切换到浏览器,然后刷新,查看效果,不合适,然后再切换回编辑器,然后修改,这样反复操作。livereload 释放了双手,自动刷新(尤其是双屏的同学特别友好)

这里记录下具体安装的步骤。

安装chrome livereload 插件

能上谷歌网上应用商店的可以直接搜索livereload即可,上不去的可以到csdn找下,很多都是免费的,直接拖进chrome安装即可。

sublime 安装livereload
ctrl+shift+p
输入 install
选择 install package
输入 livereload ,选择安装
然后重启,找到 preferences -> package settings -> livereload -> default settings 
然后输入
"enabled_plugins": ["SimpleReloadPlugin","SimpleRefresh"]
最后重启
打开浏览器访问地址或本地或服务器都可

然后将livereload 图标点击一下,变成实心,然后回到编辑器,修改保存,查看效果。

转载请注明出处: https://chrunlee.cn/article/sublime-livereload-web.html


如果对你有用的话,请赏给作者一个馒头吧 ...或帮点下页面底部的广告,感谢!!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
如果有台能翻墙的服务器,那么我们就可以自己做一个代理,这样本地就可以科学上网啦..
日常使用`sublime text3`的时候,每次一打开都会提示让下载最新版本,可给愁死了。那么如何取消自动更新的提示呢?
对于视频,音频等的处理,使用ffmpeg还是很方便的,但是由于命令繁多,又不好记忆,这里整理下个人常用的几个命令,后续方便查找。
windows 环境下有时候会使用curl工具来测试一些接口或页面,这里简单记录下在windows环境下的安装步骤。
一直在做K12教育方面的产品,不过大都是学校管理层面的,对于教学一直很少触及。当然,这类的产品已经存在不少了,在功能、设计方面我们都会借鉴一些进行改进,其中有一些基础数据,如果也是从头自己收集的话,我想,可能会死的吧...比如:各个学段内的教材和章节信息。
作为一名前端开发人员来说,有一个比较好的工具会提高开发效率,不管是调试还是书写,这里推荐一个快速书写的利器:Emmet
最近入手一台小主机,把自己剩余的硬盘都加上去了,想着做个私有云..使用了owncloud,类似的文章很多,不过各有各的坑,当然我这个也肯定有坑,主要是各自的环境还不一样。
孕早期饮食注意事项,这里先记录下,用于备忘。