JetBrAIns WebStorm 2019 for Mac是一款知名的前端开发工具，提供JavaScript和编译到JavaScript语言，Node.js，HTML和CSS的智能编码辅助。
最聪明的编辑利用现代JavaScript生态系统的全部功能 - WebStorm为您提供帮助！享受智能代码完成，动态错误检测，JavaScript，TypeScript，样式表语言和最流行的框架的强大导航和重构。
调试器在IDE中轻松调试客户端和Node.js应用程序 - 在源代码中放置断点，探索调用堆栈和变量，设置监视，以及使用交互式控制台。
无缝工具集成利用linters，构建工具，测试运行器，REST客户端以及更多工具，这些工具都与IDE深度集成。但是，只要您需要终端，它也可以作为IDE工具窗口使用。
单元测试在WebStorm中使用Karma，mocha，Protractor和Jest运行和调试测试。立即在编辑器中或在方便的树视图中查看测试状态，您可以从中快速跳转到测试。
与VCS集成使用简单的统一UI来使用Git，github，Mercurial和其他VCS。使用IDE中的可视差异/合并工具提交文件，查看更改并解决冲突。
WebStorm为大多数版本控制系统提供支持，例如Git，github Mercurial，Perforce，Subversion和SVN，可用于创建各种网站和应用程序，强大而灵活！
Sublime Text 3 for mac是mac上一款跨平台的前端开发神器,它的功能非常强大支持vim模式，窗口分组、扩展工具、代码折叠等,而且Sublime Text mac支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能.
Sublime Text mac版安装教程
点击下载：Sublime Text mac版
注意！！Sublime Text mac 破解需要在hosts进行修改！！
1、在桌面菜单栏的前往里，点击前往文件夹。
2、输入/etc，然后点击前往，
3、找到hosts文件，然后拉到桌面
4、然后打开hosts文件，输入以【127.0.0.1 www.sublimetext.com】和【127.0.0.1 license.sublimehq.com】，然后关闭hosts文件
5、将hosts文件拉回etc文件夹
6、Sublime Text mac破解版镜像包下载完成后，打开镜像包，将左侧【Sublime Text】拖入右侧应用程序中进行安装
7、安装完成后打开Sublime Text 3 for Mac，弹出注册页面
8、如果没有弹出的用户可以点击上方【Help】【Enter License】
9、返回镜像包，打开镜像包内的Sublime Text 3 注册码
10、将Sublime Text 3 注册码内容复制入注册界面，点击【Use License】
11、Sublime Text 3 Mac版破解成功，请尽情使用！
本回答被提问者和网友采纳
这两款，sublime不是集成开发工具，开发中可能会出现不够用情况
不过我觉得做一个开发总要和英文打交道的, 以前我也觉得中文方便, 但是用了段时间英文版的也就那样, 况且一些比较好的工具基本都是英文的, 这个没办法的
一键切图、标注。