前端实时可视化开发工具体验_技术问答

首页免费课前端实时可视化开发工具体验问答

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

全部评论问答未解决精华

左耳_fly

表示配置好了browser-sync 用的是webstrome10 输入样式后还是需要刷新才能看到效果

0 2-3 Browser-Sync的使用

2017-09-05

风君子说

这三个插件是不是只需要用一个就行了。是选browser sync比较好吧

0 2-3 Browser-Sync的使用

2017-09-05

touch 命令的使用

最新回答 / Tracy_

我也不行，后来是手动创建的gulpfile.js。虽然官网也是用touch命令创建的，可是手动创建也能实现功能。

1 回答 1436 浏览 2-2 livereload

2017-08-10

AllySu

liveStyle,liveReload,Broswer-Sync

0 1-1 前端实时可视化开发工具课程介绍

2017-08-08

朱青1900

使用步骤：

1.安装插件Broswer-Sync，npm install -g browser-sync

2.CMD到项目目录，然后运行命令browser-sync start --server --files "**"

就可以进行实时动态可视化了。

2 2-3 Browser-Sync的使用

2017-08-05

不会飞的鸟

还有很多不明白的

2017-08-05

朱青1900

glup就不测试了，不想再安装软件了。【哭】

0 2-2 livereload

2017-08-05

朱青1900

测试成功后的步骤：
1.上一节的Server不能停，不然 http://localhost:8080 就不能显示调试的页面了。
2.Chrome安装livereload插件。
3.CMD到项目目录，输入livereload命令，然后点击浏览器上面插件，让其变为黑色实心圆。
这样就可以进行可视化调试了。

1 2-2 livereload

2017-08-05

朱青1900

测试成功后来说明步骤：
1.Chrome、Sublime安装好livestyle插件。
2.之前我电脑就有node环境，现在使用npm install http-server -g安装http-server插件。
3.cmd定位到项目目录下，输入：http-server，启动成功后，页面输入 http://localhost:8080 访问即可。
接下来就可以进行可视化同步的操作了。

3 2-1 livestyle

2017-08-04