LiveStyle是一款十分实用的编辑、浏览两用软件,对于需要使用CSS编辑的用户来说,编辑完网页后需要再次登录网页来刷新,而LiveStyle则可以一边编辑一边实时刷新网页,十分的方便,有需要的可以下载试一试
LiveStyle是一个用于实时CSS编辑的工具,类似于流行的LiveReload,代码包等等。这些工具背后的想法很简单:您在编辑器中编辑CSS文件,保存它,然后查看浏览器中包含此样式表的网页是如何自动刷新的,从而为您刚才所做的更改提供视觉反馈。
1、在本站点击下载、解压
2、点击livestyle应用程序安装
3、Windows用户:当你首次运行LiveStyle,Windows可能会请求接入网络,请允许该请求。在下载插件以及Remote View是需要接入网络的。
如果进展顺利的话,你将会看到LiveStyle应用的界面类似下面这样:
LiveStyle应用的界面可以看到需要获取的插件以及它们的安装情况,当然也可以看到Remote View会话列表。点击安装按钮就会开启安装的进程
当你的浏览器以及编辑器都安装该插件,你可以关闭LiveStyle应用:因为你只有在Remote View情况下才需要LiveStyle应用。
双向的
更改从编辑器传输到浏览器,然后浏览器再传输到编辑器。
一颗心
在LiveStyle中,您可以将浏览器样式表与编辑器中的文件连接起来。它给你无与伦比的灵活性:你可以使用你的硬盘,USB,FTP,网络安装文件,甚至新的,未保存的文件。
远程视图
远程视图创建一个指向本地网站的公开可用的网址。使用此网址在任何联网设备或浏览器上预览本地网站。
通过编辑器和开发工具的即时实时更新。
实时编辑
当您键入时,LiveStyle会立即在浏览器中更新CSS。不再保存文件或重新加载页面,只需查看单次更新如何影响网页。
浏览器→编辑器
有没有想过在开发工具中调整布局,并把这些改变放到你的源代码中?LiveStyle是唯一能做到这一点的工具。它也适用于LESS和SCSS。
使用你自己的工具
LiveStyle不需要任何特殊的构建工具或网络服务器来工作。它直接集成到您的编辑器和浏览器中。目前在谷歌铬和崇高的文本工作。Atom插件可用于测试。
任何规模
LiveStyle设计用于任何规模的项目:从小型单页应用到大型网站。你甚至可以使用你的实时网站!
简单的跨浏览器测试
使用远程查看功能,您可以在任何联网的浏览器和设备上轻松预览本地网站。编辑器和开发工具的实时更新。
跨平台
您的浏览器和编辑器可以在任何地方使用LiveStyle。