前端的开发工具有很多，可以说有几十种，包括记事本都可以作为前端的开发工具。下面推荐的是常用的几种前端开发工具。

1.DCloud HBuilder（轻量级）

        HBuilder是DCloud（数字天堂）推出的一款支持HTML5的web开发IDE。HBuilder的最大优势，就是其拥有完整的语法提示和代码输入法，可以在编写HTML、CSS、JavaScript时更加快速便捷，同时默认添加了emmet语法插件，前端程序员在编写HTML代码时可以更加暴力。

附上官网链接：HBuilder官网 

需要下载教程的小伙伴可以移步我的这篇博客：stu03-安装下载Hbuilder_两条鱼h的博客-CSDN博客

2.Sublime Text 3（轻量级）

        sublime text是一个代码编辑器，也是HTML和散文先进的文本编辑器。sublime text具有漂亮的用户界面和强大的功能，例如代码缩略图，python的插件，代码段等。还可以自定义绑定、菜单、和工具栏。

        sublime text的主要功能包括：拼写检查，书签，完整的python API，Goto功能，即时项目切换，多选择，多窗口等等。sublime text是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。 

3.Visual Studio Code