刚接触os x，打算在mac上自学html＋javascript＋css，因为对两者都不是很了解，请有经验的开发者推荐相关的ide，先说声谢谢了。
回复内容：必须回答了！
推荐adobe前端神器brackets！
就是这货就是这货
说他是神器，那么神奇在哪里呢？
首先这款软件突出一个简洁，作为专门用来web开发的ide，她没有那些花里胡哨的功能，让使用者专注于开发本身。
其次她的核心功能就是减少网页设计中那些低效率的重复活，例如不断地网页刷新，来回切换标签来修改css以及搜索替换等等功能
如下图，在我们修改代码的时候，通过编辑器生成的网页会同时变化，减少刷新的重复工作
把光标放在一个class或id属性的标签名称上，按下cmd + e（“编辑”）或退出编辑。brackets将搜索项目下所有css文件，可以让你迅速修改css代码，提示功能也做得非常棒把光标放在一个class或id属性的标签名称上，按下cmd + e（“编辑”）或退出编辑。brackets将搜索项目下所有css文件，可以让你迅速修改css代码，提示功能也做得非常棒
javascript也可以同样方式编辑！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。3. 说到版本控制，他集成了svn和git的插件，不用再切入到terminal下面敲命令了，如果实在喜欢敲命令，webstorm也集成了terminal。
4. 大家再看上图，滑动条上面集成了lint，如果你少了一个逗号，你这个本地变量没有用到，忘记声明之类的巴拉巴拉。4. 大家再看上图，滑动条上面集成了lint，如果你少了一个逗号，你这个本地变量没有用到，忘记声明之类的巴拉巴拉。
5. 至于brackets的亮点实时刷新，使用livereload.js就可以，不过我一般用chrome workspace写css。
6. 多种格式的文件支持，jsx
jsx格式switch之前
switch之后：switch之后：
image格式的代码也可以直接查看：image格式的代码也可以直接查看：
7. 格式化代码，反正我经常用到。顺便一说设置的查找也很贴心。
8. 支持大部分主流库的api提示。8. 支持大部分主流库的api提示。
9. 参数提示，很爽10. 方便看到哪里修改了，修改之前的是什么样10. 方便看到哪里修改了，修改之前的是什么样
（想到再补充）vimsublime text 吧。当然是 sublime 啊，当然 vim 还是需要学一下的。ide的话 webstorm还是很推荐的，之后学node.js也非常方便，总比用chrome debug方便多了。
如果只想编辑器，就像很多人说的那些用sublime text吧，或者atom也行(为什么编辑器变成了ide…)
webstorm，你值得拥有，可以直接在上面写node.js这个跟系统有毛线关系，真心想学拿个txt都能编！！！！
好吧，说正经的，我推荐brackets，mac和windows都能使用，装些插件以后妥妥的。
附链接brackets - a modern, open source code editor that understands web design.编写html、css、js用不上什么ide，用文本编辑器就很合适，推荐sublime text