前端实时可视化开发工具
来源:互联网 发布:java jdk 1.6 for mac 编辑:程序博客网 时间:2024/05/21 22:30
前端实时可视化开发工具:liveStyle、liveReload、Broswer-Sync。
一、liveStyle
如图,liveStyle支持三种文件。
需要安装两个插件:浏览器的插件,sublime编辑器中的livestyle插件。
浏览器的插件可以通过Chrome的网上商店安装。
**注意:**liveStyle主要针对样式的修改,实现浏览器和编辑器双向修改,不能修改HTML和js文件。
二、liveReload
liveReload监控所有文件的修改。样式文件、html文件、图片文件、js文件等的修改以及实时浏览器显示。
需要安装liveReload插件(在Chrome网上商店下载)和node.js中livereload插件
本质做了个F5操作。
三、Broswer-Sync
本质是启动一个代理服务器,监听服务器变化。支持所有文件的实时监听。
不需要装服务器插件,只依赖于node.js插件,要装Broswer-Sync插件,是一个局部的刷新。可以实现手机浏览器、PC浏览器等多个浏览器的同步,包括视图同步和交互同步。
要在前端项目文件下进行监控,如果在根目录下启动,会慢,因为监控的文件太多。
四、总结
0 0
- 前端实时可视化开发工具
- 前端实时可视化开发工具
- 前端实时可视化开发工具
- 前端实时可视化开发工具
- 前端实时可视化开发工具
- 前端实时可视化开发工具——browser-sync安装
- 前端实时可视化开发工具--实现自动刷新
- 前端实时可视化开发记录
- LiveStyle实现前端css实时可视化开发
- 前端数据实时可视化
- 前端可视化工具-BrowserSync
- VS工具:实时可视化树
- 前端数据可视化工具库
- 前端工程师常用可视化工具
- Swing可视化开发工具
- Swing可视化开发工具
- Apache/Nginx 日志实时监控可视化工具
- MFC和可视化开发工具
- Python的global语句使用
- 算法回望——插入排序
- git换行符LF与CRLF转换问题
- Nginx正反向代理、负载均衡等功能实现配置
- poj 3352 求双连通分量 (无向图)
- 前端实时可视化开发工具
- 4412驱动-平台总线驱动 9th_led_bus_drv_dev
- 《数学之美》学习之(1)---前两章
- 【搜索】洛谷 P1457 城堡 The Castle
- button中图片跟文字之间距离的设置
- Vue-axios快速上手
- 不要使用有副作用的std.map.[]操作符
- Git push时报错:Failed connect to github.com:443; No error和The remote end hung up unexpectedly
- php中实现curl模拟Http请求