sublime 配合livereload实现极速web开发

sublime 配合livereload实现极速web开发

月光魔力鸭

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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
这两天换了电脑,装上了PowerShell,由于有很多nodejs的小工具,但是发现在powershell中都一直报错。。蓝瘦
虽说docker已经大名鼎鼎,但在之前一直都未上手使用过,即便是前一阵子想挂下京东的京豆(使用docker)也给耽搁了,一直的感觉就是这货应该跟vm没啥区别吧,应该就是更方便更好用更适合开发者。
业务需求需要一个微信的文章,但是这个文章又不想让所有人知道,只想让参与活动的人看到,那么怎么在不发布微信公众号文章的前提下,拿到文章的永久地址呢?
好久配置了,最近重新安装了一回,有忘了.. 果然还是得记录下来啊,起码以后不用到处找了对吧。
记录下部署php项目的时候的经过,查了很多资料,最后才定出的这个,中间些许问题可能已经记不清楚了,趁着时间步长,赶紧回忆一下。
在通过vscode 来编写带有 eslint的项目的时候,会被各种各样的报错折磨崩溃,单引号 最后的逗号 空格 换行 各种各样。
最近在做在线阅卷相关的功能,根据一些常见的场景进行一些功能和业务分割理解,便于后续实现对应的功能。
最近入手了华为鲲鹏服务器... 作为一个菜鸡前端,去部署服务器,亚历山大.. 即便是各种抄抄抄也无济于事.