随着 Mac 的普及，前端 + Mac 的配置已经越来越多了。分享一下我的在 Mac 上的前端配置（姑且说是配置吧，其实就是一些工具和 app）

硬件方面

Macbook pro 13寸 + Dell 23寸显示器 + 苹果有线键盘 + Dell 鼠标 + 笔记本支架。其他可选方案：iMac, Mac Pro + LED Cinema Display 等等

代码编辑工具：TextMate

没什么悬念，关于这朵菊花就不再深入介绍了。其他可选方案：Espresso, Coda

测试环境：VirtualBox(IE6,IE7,IE9)

没办法，在悲催的环境中，IE 还是主要客户，我的方案是用 VirtualBox 建立了三个虚拟机环境，分别是 XP+IE6, VISTA+IE7, WIN7+IE9. 其他可选虚拟机软件：VMware Fusion, Parallels Desktop

调试工具

一般就是浏览器自带调试工具或者是 firebug for firefox

辅助工具

• LiveReload: 修改 CSS 和 图片后，不需要手动刷新页面，省事不少。
• XRefresh: 可以说是 LiveReload 的前身。
• Codekit: 可以说是前端辅助利器，稍后独立写一篇介绍TA. 好了，介绍在这里。
• Smaller: 可以压缩 HTML, PHP, CSS 和 JavaScript 文件，并且提供合并的功能，界面友好。
• xScope: 这个不但是前端的利器，同时也是设计师的利器。名厂 Iconfactory 出品，直接在你的屏幕上实时使用包括：定位，卡尺，取色，辅助线 等工具。