Mixture.io经历了付费到免费,免费到停止下载,最终走向了终结,但这款前端开发工具的价值是不可否认的。我还会继续使用,但替代品是必须的,反正不到万不得已绝对不用命令行虐待自己。于是我找到了Prepros.io,和mixture.io很像,最新版的用户界面很漂亮,可以无限期的免费使用,单用户的licence是29美金。

功能

Prepros和mixture的功能类似,比如css预处理、多设备同步、多浏览器同步、文件合并压缩等等,这里不再赘述,如果用过mixture,上手这款软件会很轻松。

用户界面

很清新的界面,左边是项目面板,顶部是各种选项,点击某个文件会在右侧弹出针对该文件的选项。

prepros-5

编译文件设置

如果你使用less、sass语言编写css,就需要对最后要编译的文件进行设置,告诉prepros是否压缩这个文件,编译后输出到哪里等等,只需要点击这个文件就能进行设置。

prepros-1

合并压缩javascript脚本

mixture用@import命令和.mix文件扩展名实现文件合并压缩,prepros则借助@prepros-prepend,对文件扩展名没有要求,具体参考下面的网址。

Concatenate and Minify Javascript

项目选项

如果你用wamp等工具开发网站,预览时需要对项目进行设置,比如添加custom server。项目设置选项在菜单栏的More Options中。

prepros-4

多设备同步

这家伙多设备同步能力也很强,看见上图中的Synchronize Browser下面的选项吗,它不但能同步css和js的变化,还能同步用户操作。与mixture一样,必须用路由器网络。打开network用手机扫描二维码,就可以做手机测试。

prepros-3

结语

很庆幸找到了这个软件,优秀的工具对提升工作效率是必不可少的,29美金很便宜,可以在多台电脑上使用,如果你错过了mixture,不妨来试试这个。

3条留言

  1. 没想到啊。感谢你又给了新方案。呵呵

发表评论

电子邮件地址不会被公开。 必填项已用*标注