1、1Bootstrap Bootstrap是快速开发Web应用程序的前端工具包它是一个CSS和HTML的集合，它使用了新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等2Foundation Foundation是一个易用；1Adobe Dreamweaver CS6 Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件由于Dreamweaver支持代码拆分设计实时视图等多种方式来创作编写和修改；WebStorm是一款强大的HTML5前端开发工具，被广大JS开发者誉为“Web前端开发神器”WebStorm 8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法指令WebStorm还完美支持Spyjs，合并了这款JavaScript调试；WEB前端除了需要掌握相关的程序语言HTMLCSSJavaScript之外，还需要掌握一些开发工具软件，比如DreamweaverPhotoshopSublimeHBuilder等学程序语言，当然是与工具相辅相成的，学语言的同时，需要掌握的就是开发工具的使用。

2、1WebStorm帮助编写HTMLCSSLessSass和Stylus代码，支持Nodejs和ReactAngularVuejsMeteor等主流框架与IntelliJIDEA同源，它继承了IntelliJIDEA强大的JS部分的功能但是付费软件2IntelliJideaidea是学校老师教的；#xF33FHBuilder这是国产的一个免费Web开发软件，界面干净柔绿护眼轻巧灵活，运行速度快，语法提示文字处理功能强大，优先支持Markdown功能，除此之外，还自带有云端打包功能，可以将前端开发的网页打包为手机APP，使用起来非常方便#xF31FWebStor。

3、1Visual Studio Code通常称之为“VS Code”，针对于编写现代Web和云应用的跨平台源代码编辑器，具备丰富的语言扩展的生态系统2Webstorm是一款JavaScript前端脚本语言的开发工具，它有很多的荣誉“web前端开发神器htn；前端开发的编译器在选择上还是很多的在学校里，老师主要讲三个前端开发软件1WebStorm 帮助编写HTMLCSSLessSass和Stylus代码，并且支持Nodejs和主流框架，如ReactAngular VuejsMeteor等与IntelliJ IDEA；4NotepadNotepad是一款非常有特色的编辑器，是开源软。

4、1Visual studio是一款由美国微软公司开发的开发工具集2PhpStorm是一个专业轻量级且便捷的PHP IDE，旨在提供了用户效率，可深刻理解用户的编码，提供智能的代码补全，快速导航以及即时错误检查等等强大的功能3Notepad++。