为了让入行新人能够更快的掌握Web前端开发，千锋武汉小编推荐五个优秀的前端开发工具，供小伙伴们参考。
框架类：Bootstrap
全世界最流行的响应式前端框架。基于HTML、CSS、JAVASCRIPT的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格。并兼容大部分jQuery插件。简洁灵活，使得Web开发更加快捷。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。-开发工具
代码编辑器：Codepen、VScode
CodePen是一个在线的HTML、CSS和JavaScript代码编辑器，能够编写代码并即时预览效果。可以用于在线展示的作品，也可以看到其他人在网页中实现的各种令人惊奇的效果。
VScode免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。-代码
性能测试：Google PageSpeed Insights
PageSpeed是谷歌的网页测试工具，通相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools，这个网页载入速度检测工具有在线版本也有一个 Chrome扩展，叫PageSpeed Insights。PageSpeed Insights的Chrome扩展是由谷歌官方开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的插件，过检测评分给你优化建议。-开发工具
调试类：AtomAptana Studio
它是非常强悍的JavaScript编辑器和调试器，可以支持多种AJAX和JavaScript工具箱，包括JavaScript编辑和调试。具有智能代码完成、浏览器兼容性提示、代码错误提示、文档结构树等功能。-代码
HTML5：HTML5测试得分能够提示您正常使用的浏览器对于HTML5标准和相关规范的支持情况的指标。
前端开发工具数量很多，这里只是推荐了千锋武汉HTML5前端小编觉得比较好的5个前端开发工具。如果你有更好的意见，欢迎给我们留言分享。
开发调试环境: Ubuntu 14.10，openJdk 1.7，Android Studio 1.0.2，android-5.0.1_r1源码由于AS是基于IntelliJ IDEA开发的，所以本文也适用于IntelliJ IDEA一、修改Android Studio(以下简称AS)的内存配置因为在导入源码时需要消耗大量内存，所以先修改IDEA_HOME/bin/studio64.vmoptions(x86的机器修改studio.vmoptions)中-Xms和-Xmx的值。文档中使用的是748m, 可自行修改。 二、配置AS的JDK、SDK在IDE中添加一个没有classpath的JDK, 这样可以确保使用源码里的库文件并将其作为要使用的SDK的Java SDK。如下图三、生成导入AS所需配置文件(*.ipr)①编译源码(为了确保生成了.java文件，如R.java；如果编译过，则无需再次编译)②检查out/host/linux-x86/framework/目录下是否有idegen.jar如果idegen.jar不存在，执行:mmm development/tools/idegen/在5.0.1的源码中会生成res.java的文件夹，导致idegen.jar运行时抛FileNotFoundException，这是idegen的代码不够严谨造成的。我的分享里有修改这个bug的patch，或者直接使用我分享的idegen.jar。③执行development/tools/idegen/idegen.sh等待出现类似下面的结果:Read excludes: 5msTraversed tree: 44078ms这时会在源码的根目录下生成android.ipr和android.iml两个IntelliJ IDEA(AS是基于IntelliJ IDEA社区版开发的)的配置文件Tips：AS在导入代码时比较慢，建议先修改android.iml，将自己用不到的代码exclude出去.可以仿照过滤.repo文件夹的语法,如:《excludeFolder url=“file://$MODULE_DIR$/.repo“ /》《excludeFolder url=“file://$MODULE_DIR$/abi“ /》《excludeFolder url=“file://$MODULE_DIR$/art“ /》这样在导入时就会跳过abi和art文件夹.过滤的越多，AS的处理速度就会越快.④在AS中打开源码根目录下新生成的android.ipr如果在导入时AS出现则建议按照其给定的解决方法来解决(网址:四、解决源码中跳转错误问题①为当前工程设置正确的SDK和JDK②设置’Modules’的依赖先将所有依赖删掉，只留下上图’1’所指向的两个(注意:这里删除全部只是为了方便。如果确实用到了.jar,在将它们的路径添加进来就可以了.如:5.0.1的ContactsCommon用到了geocoder-2.9.jar和libphonenumber-6.2.jar)点击上图中’2’指向的’+’并选择上图’3’指向的’Jars or directories’选项，依次将frameworks和external文件夹添加进来.如:其它版本的代码在添加frameworks时可能会显示成:没有关系，只是显示问题，点击OK还是会把frameworks路径添加进去的.如果还有代码跳转错误，请仿照上面的步骤将相应代码的路径或jar文件添加到其Dependencies标签页中即可.五、DEBUG源码我们可以通过给刚导入的工程在’Modules’中添加’Android Framework’来让AS将它作为一个Android工程，从而方便我们调试代码.可以按照上图中’1’和’2’来添加Android Framework支持.在代码中加断点，然后选择’Run’-》’Attach debugger to Android process’或者直接点击下图所示的图标在弹出的选择进程(Choose Process)对话框中，勾选显示所有进程，选择要DEBUG的代码所在的进程，点击OK即可.六、其它代码中很多地方提示Call requires API Level x.... 出现这个问题是因为AS将我们的工程当做安卓应用程序工程了，且源码中没有指定minSdkVersion.我们只需在源码根目录加一个声明minSdkVersion的AndroidManifest.xml文件即可(分享了一个AndroidManifest.xml)。也可以考虑使用build.gradle来解决该问题。
