本文主要包含Mac等相关知识,匿名希望在学习及工作中可以帮助到您
用的是Mac
做一点小补充，Sublime Text是一款轻量级的文本编辑器，算是现在前端工程师用的比较多的一款编辑器，现在的Sublime Text 3集成了Emmet插件，可以快速编写HTML和CSS代码，上手之后构建网页结构和样式非常迅速
如果LZ更喜欢用大型IDE的话可以考虑WebStorm，编写Javascript也有代码提示
OSX上用Brackets也是不错的选择，同样支持Emmet插件，最大的优点是有实时预览功能，妈妈再也不用担心我的Tab F5键坏掉了，熟悉Sublime后上手Brackets也很容易 强烈推荐 DCloud HBuilder-做最好的HTML5开发工具 vim就没必要了，只会让你不断受挫折。了解一下就Ok了，装逼专用。
就好像你明明可以用斧头砍得痛快，却为了那个装X，用个棍子在那里捅…… 首推 Sublime Text
使用技巧请查看问题：Sublime Text 有哪些使用技巧？
或者移步至我的博客学习 Sublime Text 技巧：如何优雅地使用 Sublime Text ？ Github Atom：编辑器，插件多且安装方便，免费且开源（强烈推荐）
链接：https://atom.io/
WebStorm：是 IDE 不是编辑器，非常好用， 30 天试用期（功能全但体积大）
链接：http://www.jetbrains.com/webstorm/download/
// 以上都 跨平台 支持 win linux mac 个人还是倾向于Notepad++，强大的功能，插件也比较多！
回复内容：
sublime text做一点小补充，Sublime Text是一款轻量级的文本编辑器，算是现在前端工程师用的比较多的一款编辑器，现在的Sublime Text 3集成了Emmet插件，可以快速编写HTML和CSS代码，上手之后构建网页结构和样式非常迅速
如果LZ更喜欢用大型IDE的话可以考虑WebStorm，编写Javascript也有代码提示
OSX上用Brackets也是不错的选择，同样支持Emmet插件，最大的优点是有实时预览功能，妈妈再也不用担心我的Tab F5键坏掉了，熟悉Sublime后上手Brackets也很容易 强烈推荐 DCloud HBuilder-做最好的HTML5开发工具 vim就没必要了，只会让你不断受挫折。了解一下就Ok了，装逼专用。
就好像你明明可以用斧头砍得痛快，却为了那个装X，用个棍子在那里捅…… 首推 Sublime Text
使用技巧请查看问题：Sublime Text 有哪些使用技巧？
或者移步至我的博客学习 Sublime Text 技巧：如何优雅地使用 Sublime Text ？ Github Atom：编辑器，插件多且安装方便，免费且开源（强烈推荐）
链接：https://atom.io/
WebStorm：是 IDE 不是编辑器，非常好用， 30 天试用期（功能全但体积大）
链接：http://www.jetbrains.com/webstorm/download/
// 以上都 跨平台 支持 win linux mac 个人还是倾向于Notepad++，强大的功能，插件也比较多！