webstorm: http://www.cr173.com/html/18854_all.html
IntelliJ IDEA:
aptana:专为前端开发
Brackets： 强大免费的开源跨平台Web前端开发工具IDE。Adobe开源。非常简洁。可是不支持折叠代码等
http://www.iplaysoft.com/brackets.html 下载： http://brackets.io/
Hbuilder 也是一个IDE。国产
比較完整的：web前端开发七武器： http://blog.sina.com.cn/s/blog_40e5679c010119pf.html
编辑器sublime text2 调试一般用Chrome的F12
好用的编辑器还有atom http://atom.io
(Mac下的话……事实上能够顺便入个CodeRunner外加Dash - API Docs)
=============================================
之后是一些前端的框架，能够熟悉一些：
AmazeUI：http://amazeui.org/getting-started
Emmet-Zencoding :超快写网页代码 http://www.appinn.com/zen-coding/
