为了账号安全,请及时绑定邮箱和手机立即绑定

前端实时可视化开发工具体验

玄彦 移动开发工程师
难度初级
时长 1小时 0分
学习人数
综合评分9.57
104人评价 查看评价
9.6 内容实用
9.7 简洁易懂
9.4 逻辑清晰
glup就不测试了,不想再安装软件了。【哭】
测试成功后的步骤:
1.上一节的Server不能停,不然 http://localhost:8080 就不能显示调试的页面了。
2.Chrome安装livereload插件。
3.CMD到项目目录,输入livereload命令,然后点击浏览器上面插件,让其变为黑色实心圆。
这样就可以进行可视化调试了。
测试成功后来说明步骤:
1.Chrome、Sublime安装好livestyle插件。
2.之前我电脑就有node环境,现在使用npm install http-server -g安装http-server插件。
3.cmd定位到项目目录下,输入:http-server,启动成功后,页面输入 http://localhost:8080 访问即可。
接下来就可以进行可视化同步的操作了。
下载好了livestyle却用不了,不会搭建啊
果断选择第三种,谢谢老师。
我遇到80%滴老师都乱读英语,让我这种小学生听了感觉好悲伤
推荐一条职位信息,阿里云iot事业部招前端开发工程师,如果有兴趣的可以发简历到我的邮箱,xuanyan.lyw@alibaba-inc.com
个人觉gulp这个插件没有什么功能用处,就是一个文件监听比较好用。你们认为呢?
咕噜噗.....哈哈
喷子请滚蛋,老师辛苦了。
有用吗? 用dreammeaver cs6 不是都可以了吗?
好像webstorm有这个功能的,直接在软件里面打开页面然后在chrome修改也自动修改了
课程须知
本课程是web前端课程,初级中级高级都可以学习
老师告诉你能学到什么?
1、liveStyle,liveReload,browserSync的使用 2、常见可见可得工具的优缺点 3、glup结合liveReload和browserSync使用 4、提高前端开发效率

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消