sublime 配合livereload实现极速web开发

sublime 配合livereload实现极速web开发

月光魔力鸭

2018-09-16 09:21 阅读 837 喜欢 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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
记录下部署php项目的时候的经过,查了很多资料,最后才定出的这个,中间些许问题可能已经记不清楚了,趁着时间步长,赶紧回忆一下。
最近一直在了解关于个人支付的问题。由于之前一直想实现个人支付,但是目前微信和支付宝的支付接口都需要企业或个体户资质,导致没办法实现,无奈只能走向这个道路。 说是免签,实际上就是拿到收款金额来做些事情。
PS小技巧之色块消除及填充
业务需求需要一个微信的文章,但是这个文章又不想让所有人知道,只想让参与活动的人看到,那么怎么在不发布微信公众号文章的前提下,拿到文章的永久地址呢?
flutter 学习旅程之安装篇
chrome css 下的 media=print 下的调试小技巧
作为一名前端开发人员来说,有一个比较好的工具会提高开发效率,不管是调试还是书写,这里推荐一个快速书写的利器:Emmet