一、visual studio代码下载地址： https://code.visualstudio.com/
功能介绍：
微软于2015年4月30日在Build开发者会议上正式发布了Visual Studio Code项目。 是在Mac OS X、Windows、Linux上运行的用于创建现代web APP应用程序和云APP应用程序的跨平台源代码编辑器。
Visual Studio Code软件功能强大，界面简洁清晰，操作简单快捷，人性化设计。 软件主要改进了文档视图，增强了对Markdown的支持，增加了PHP语法的亮点。
二、hbuilder下载地址： http://www.dcloud.io/
功能介绍：
前端开发gsdxh入门优先。 hbuilder是国产前端开发工具，是免费的，对于英语不好的前端工程师来说是个好消息。
好处是具有强大的其他语言支持和webapp开发等功能，功能强大到没有朋友。 在语法提示、移动到定义、重构、调试等方面效率非常高。 也有一些缺点，但它有点稳定，有时可能有卡顿的现象。 我希望官方修复。
三. sublime text3下载地址： http://www.sublimetext.com/
功能介绍：
sublime text是一个轻量级编辑器，支持多种编程语言。 sublime text的所有强大功能都支持插件，快捷键非常易于使用，大大减少了开发工作量。 使用sublime就是使用其快捷键和插件。
sublime text3的优点是重量轻、功能强大、优雅小巧、启动速度快，有丰富的第三方支持，能够满足各种扩展缺点对项目管理等并不方便，但代码提示不如hubuilder那么强大
四. WebStorm下载地址： https://www.jetbrains.com/webstorm /
功能介绍：
WebStorm是jetbrains公司的JavaScript开发工具。 官方提供的插件支持满足了许多无法配置的同学、ESlint、词法高亮、emmet和CSS预处理器，新版本还添加了对ES6的支持，并内置了服务器调试。
如今，被众多中国JS开发者称为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。 与IntelliJ IDEA相同，继承了IntelliJ IDEA强大的JS部分的功能。
五、Atom下载地址： https://atom.io/
功能介绍：
Atom是github为程序员开发的跨平台文本编辑器。 您可以自定义友好但可删节的核心工具，以执行任何操作，也可以有效且不附加配置文件。 为开源而生。
它具有许多有趣的特点：具有简单直观的图形用户界面，支持CSS、HTML和JavaScript等web编程语言。 支持宏，自动完成屏幕分割功能，集成文件管理器。
(6) Dreamweaver CC 2017下载地址： https://www.adobe.com/products/Dreamweaver.html
功能介绍：
老字号IDE，曾凭借PS DW FW称霸网络领域，被誉为网络三剑客，但较早版本更新缓慢、版本陈旧，无法满足广大前端开发者的项目需求，正在被市场淘汰。
幸运的是，2017版本很快进行了修改，外观、界面、语法亮点等都变漂亮了。 此外，由于添加了对CSS预处理器的支持，并保留了一些预制体，因此可以为尚不熟悉语法或不会节点的学生提供实时预览，适合对前端有进一步了解的学生。