Mixture是我用过的最好用的前端开发工具,为什么这么说?因为我不是前端工程师,不太会配置ruby、compass之类,为了配置foundation框架的sass编译器折腾了半天,最后发现ruby最新版有问题,导致第一次尝试就失败到打不起精神。还好,mixture拯救了我。

更新:mixture.io不再更新了,下载也已关闭,很遗憾。想要类似工具的朋友可以尝试一下https://prepros.io/,免费版可以一直用。

Mixture.io

下载链接:http://mixture.io/

Mixture去年从收费版变为免费,支持windows和mac,提供sass、less、Stylus, CoffeeScript的编译、压缩,支持css和js的文件合并和minify,自动优化图片和svg文件,自动将样式表中的backgorund-image变为base64编码,都是很实用的干货。

最重要的是,你只需要安装,不用再做任何复杂的配置。

让你专注于开发

用foundation sass写网站,如果按照它的文档说明安装ruby和compass或者libsass等,也可以实现自动编译压缩sass文件,合并压缩多个js文件。但不巧我遇到了有问题的ruby版本,一直报错。mixture则替我省掉了所有的麻烦。

mixture运行独立的ruby、compass、libsass等工具,你不需要再烦心这些东西怎么装。它甚至提供了很多框架的一键安装功能。

quick-start

多设备调试也很方便

最近实验了一下多设备测试,如果你想直接在android或iphone、ipad上调试本地网站,即http://localhost/下的网站,ios设备要靠sofari提供的模拟功能,而android则要靠chrome浏览器和设备驱动,具体怎么做可以参考我给出的两个链接。

但mixture集成了weinre,如果感兴趣可以点开链接看下,反正我一看这种网站立刻就晕了。下面是用锤子做的实验,将手机连接到电脑,不用装手机的usb driver就可以用,而且锤子的usb驱动要去锤子论坛才能找到的说。

事实证明我思维定势了,mixture可以让本地局域网里的所有设备同步,不用插线!不用和电脑连起来!直接将网络切换到路由器段,所有连接到路由器的设备都可以访问。

mixture

官网的图更加震撼。

mixture-multi-devices

不过实验的时候发现,要将network切换到路由器的地址才行,比如路由器地址是192.168.1.1这种,那就要切换到192.168.1.xxx这种,见下图。

network

我不是程序员出身,对命令行不那么有好感,mixture非常符合我的要求。前段时间mixture下载关闭,真害怕这么好的工具不再发行了,还好现在又回来了。感兴趣的朋友赶快下载试试看吧。

8条留言

  1. 已经关闭下载了。。。哭。。。没赶上趟啊。。。

    1. 果然关闭了,还以为前段时间关闭是暂时的,软件世界免费真是很难维持啊,以前这软件是付费的。哎,可惜了。

  2. 正想找这样的工具,方便啊。配置起来真是头疼。我只想使用,不想装比。多谢分享。多平台访问本地地址真是好方便测试H5在手机端

      1. 通过这个神器,顺利骗到2顿饭,我是不会说出来的。嘿嘿

发表评论

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