Mac OS X 上学习HTML＋JavaScript＋CSS有哪些可以推荐的IDE？

刚接触OS X，打算在Mac上自学HTML＋JavaScript＋CSS，因为对两者都不是很了解，请有经验的开发者推荐相关的IDE，先说声谢谢了。

回复内容：

必须回答了！
推荐Adobe前端神器Brackets！
就是这货
说他是神器，那么神奇在哪里呢？
首先这款软件突出一个简洁，作为专门用来web开发的ide，她没有那些花里胡哨的功能，让使用者专注于开发本身。
其次她的核心功能就是减少网页设计中那些低效率的重复活，例如不断地网页刷新，来回切换标签来修改css以及搜索替换等等功能
如下图，在我们修改代码的时候，通过编辑器生成的网页会同时变化，减少刷新的重复工作
把光标放在一个class或id属性的标签名称上，按下Cmd + E（“编辑”）或退出编辑。Brackets将搜索项目下所有CSS文件，可以让你迅速修改CSS代码，提示功能也做得非常棒
Javascript也可以同样方式编辑！

Brackets拥有一个不断扩展的插件库，你甚至可以在其中发现Emmet等等神插件


还有其他非常多方便的小功能，Brackets是我认为用过的最好的Web前端开发IDE，完爆Sublime（当然只是在web开发上）


附上一个官方地址Brackets - A modern, open source code editor that understands web design.

p.s.喜欢就请点个赞吧~ 国产免费hbuilder
国外付费webstorm，有php技能的可以phpstorm 看到没人推荐Webstorm，我就屁颠屁颠跑来推荐有史以来最强大的前端IDE Webstorm 。
========================我是严肃的分割线=======================
获得30个赞了，我来详细说明一下webstorm哪里好了。
1. 集成Emmet，Sublime需要安装插件，其他编辑器不知。
2. 自带版本控制。有一次我把一个改好的文件svn revert了，蠢哭，如果是sublime可能就没有办法找回来了，可是webstorm可以：
3. 说到版本控制，他集成了svn和git的插件，不用再切入到terminal下面敲命令了，如果实在喜欢敲命令，webstorm也集成了terminal。
4. 大家再看上图，滑动条上面集成了lint，如果你少了一个逗号，你这个本地变量没有用到，忘记声明之类的巴拉巴拉。
5. 至于Brackets的亮点实时刷新，使用livereload.js就可以，不过我一般用chrome workspace写css。
6. 多种格式的文件支持，jsx
jsx格式switch之前
switch之后：
Image格式的代码也可以直接查看：