前端实时可视化开发工具的使用
前端实时可视化开发工具:liveStyle、liveReload、Broswer-Sync。 一 、liveStyle http://livestyle.io/ 安装分两部分 浏览器和编辑器同时安装插件liveStyle 优点有以下几项: 缺点也很明显 liveStyle 是针对样式的实时工具,包括css、less、sass, 不能修改HTML和js文件 。 目前 只适用于Google Chrome和Sublime Text ,如果你使用的是其他编辑软件的话就不一定那么好用了 二、liveReload http://livereload.com/ liveReload 工作的本质: 是监控所有文件修改,文件修改后刷新浏览器,相当于帮你按了 F5 安装分两部分 浏览器安装 liveReload 和 本地安装 npm install -g livereload 启动 cd到项目文件夹下,执行 livereload 优点 : 相比较liveStyle 而言,liveReload 功能更丰富,不仅包括css,less,sass,像img,html,js等格式的文件同样也适用 编辑器方面的选择更加多样 支持gulp,grunt等工具的使用 缺点: 相比较liveStyle 而言liveReload 修改是单向的, 也就是浏览器 -> 编辑器 这一功能是没有的 (当然这是相对来说)