sublime 配合livereload实现极速web开发

sublime 配合livereload实现极速web开发

月光魔力鸭

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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
最近有实现作业的展示的需求,在这里仅仅记录下当时自己的思路,大体如何实现的,这里并不体现代码,只有思路。
新高考改革早已成大趋势,对于广大考生家长和考生来说,赋分一直难以理解,不理解赋分规则,为什么要赋分? 为此,百年育才莱西校区特对赋分进行介绍,供参考
本来这是一个很小的事,按照邮箱设置来一下就OK了.. 可是我密码忘记了,死活重置不了,没办法,微信扫码吧,然后按照设置来又是不行,找了下度娘才行.. 我就纳闷了,这么大一企业,不能用点心么.. 还有昨天那个互联,愁死!
孕早期饮食注意事项,这里先记录下,用于备忘。
在通过vscode 来编写带有 eslint的项目的时候,会被各种各样的报错折磨崩溃,单引号 最后的逗号 空格 换行 各种各样。
这两天换了电脑,装上了PowerShell,由于有很多nodejs的小工具,但是发现在powershell中都一直报错。。蓝瘦
平时聊天或写文章的时候,一直使用QQ拼音,经常会在打字的时候蹦出表情来,昨天突然就想把这沙雕表情插入到我的文章里面.. 还可以稍显生动一些..
最近项目实在紧张,加上装修/生娃.. 各种事,博客基本没有怎么更新。