web自动化工具-liveStyle

web自动化工具-liveStyle

LiveStyle. The first bi-directional real-time edit tool for CSS, LESS and SCSS
主要用来编写 样式文件，可以做到 浏览器和编辑器双向同步。

具体安装和使用以及demo，官方有视频，说的很好了，这里简单写写。
推荐先安装一款 启动服务插件http-server

demo效果

liveStyle demo

安装

• 方法1
  打开liveStyle官网
  点击 Download App 的按钮,下载解压
  运行程序，有两个按钮，一个安装Chrome插件，一个安装 Sublime Text插件

• 方法2
  打开Chrome网上应用商店，搜索 liveStyle,添加到扩展程序
  打开sublime编辑器，搜索 liveStyle, 安装(如何安装sublime插件，百度即可)

注意：sublime编辑器，必须是 3以上版本。

使用

如下图，打开刚安装的Chrome插件，开启liveStyle
liveStyle start

demo里启动服务，使用的 node的 插件 http-server.

转载于:https://www.cnblogs.com/donglegend/p/6081032.html