一：HBuilder 下载地址：http://www.dcloud.io/ 飞速编码的极客工具，大幅提升HTML、js、css的开发效率。 使用HTML5开发,然后使用HBuilder提供的云打包或本地打包将可以把5+ Runtime和开发者编写的HTML5页面打包为原生App的安装包,包括Android的apk和iOS的ipa 二：Sublime Text 下载地址：https://www.sublimetext.com/ 漂亮的用户界面和强大的功能，越来越多工程师用它。 SublimeText是一款非常精巧的文本编辑器，适合编写代码、做笔记、写文章。它用户界面十分整洁，功能非同凡响，性能快得出奇。SublimeText本身已经非常强大，但是更棒的是有一长串的插件支持它，给它带来更强大的功能，这就是本文要讨论的内容。不多废话，让我们看看20个强大的SublimeText插件。如果你已经在使用他们，请告诉我们，并告诉我们你认为其中那款最出色。 三：Notepad++ 下载地址：https://notepad-plus-plus.org/ 小巧的文本编辑器，更是编写代码的利器！ 非常小巧好用的文本编辑器。用来快速高效的搜索修改代码。如果你想修改一点小代码的时候，却要忍受几秒的编辑软件启动时间，那么就用这个吧。无论是 写代码还是修改代码，个人觉得都比那些功能齐全的编辑软件好很多。 四：Adobe Photoshop CC 下载地址：http://www.adobe.com/ 前端开发，切图必备！ phooshopcc是由著名的软件厂商Adobe发布一款功能非常强大的图片处理软件。phooshopcc相对旧版本的功能更加强大和高效。 五：Adobe Dreamweaver CC 下载地址：http://www.adobe.com/ 编码必备 DW和PS无敌组合 AdobeDreamweaverCC是adobe旗下的可视化网页设计软件,最近adobecc套装进行了一次年度的更新,Dreamweavercc这款软件自然也得到了更新，新增了更加友善直观的视觉化CSS编辑工具,让Web开发者更快速地生成简洁的CSS代码;创新的jQuery UI Widget、Edge Web Fonts 让文字更加鲜明。 六：Atom 下载地址：https://atom.io/ Github 团队专为程序员打造编辑利器！ Atom是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。对于热爱markdown写作的人来说,Atom同样是一款拥有无穷魅力的写作软件。我不怕它无法满足你的需求,就怕你不给一个机会了解它,那么,这将是一场遗憾的错。 七：Brackets 下载地址：http://brackets.io/ Adobe操刀打造的免费编辑器Brackets，简约、快捷！ Brackets是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境(IDE工具)。该项目由 Adobe 创建和维护,根据MIT许可证发布,brackets是adobe出品,最简洁,js提示最舒服,而且现在已经支持多标签了,插件还算丰富,该有的功能都有，简洁高效。 八：Beyond Compare 下载地址：http://www.scootersoftware.com/ 文件及目录比对神器，以颜色区分差异。 BeyondCompare中文版是一款专业的文本文件对比工具,可以高效的针对文件、文件夹、表格、mp3、图片、数据、注册表等文件并进行比较、合并、同步分析，Beyond Compare是一套由Scooter Software推出的文件比较工具。主要用途是对比两个文件夹或者文件，并将差异以颜色标示。比较范围包括目录，文档内容等。 九：WebStorm 下载地址：http://www.jetbrains.com/webstorm/ 老牌强大的编辑器，拥有即时编辑等诸多优点。 WebStorm是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、拥有智能的代码补全、代码格式化、html提示以及代码检查和快速修复等编译功能,是一款深受广大程序员喜爱的JavaScript 开发和Web前端开发工具,完美适应各种复杂客户端开发和Node.js的服务器端开发。