你最喜欢用哪款前端开发工具？为什么？

　　前端开发最爽的地方就在于，一个编辑器，一个浏览器就足矣走天下。编辑器——VSCode
　　前端开发利器，超级好用的编辑器，对于大前端来说更是不可多得。由微软出品，跨平台支持，颜值高，易上手，丰富的插件支持。下面推荐几个前端常用插件。
　　HTML Snippets ：及初级又实用的HTML代码智能提示，对经常手误的小伙伴简直不能太友好。
　　HTML CSS Support ：让你在写html 标签时写class 智能提示当前项目所支持的样式，目前最新版本已经支持css文件检索。
　　Debugger for Chrome： 直接让你的代码在Chrome中运行代码，vscode中调试。
　　jQuery Code Snippets ：jQuery用户的福音，用起来难道不香吗？
　　Atuo Rename Tag：
　　CSS Peek ：很方便的来查看CSS样式。调试工具：
　　F12功能 ：浏览器自备，功能强大，推荐使用Chrome浏览器
　　Fiddler ：非常好用的一款抓包工具，可以抓几乎所有的应用程序的HTTP请求。可以抓包，修改请求等。唯一的缺点就是需要安装.net支持。
　　Firebug ：火狐浏览器的经典插件，能够调试所有网站语言，最经典实用的莫过于对Javascript语言的调试功能了。
　　Postman ：一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。可以让我们很方便的对REST API等HTTP服务接口进行测试。
　　User Agent Switche r：从名称我们就可以看出来，用来更换浏览器的UserAgent。前端性能优化工具：
　　Yellow Lab Tools ：一款Web性能及前端质量测试工具。与其他工具不同的是，它有一些在其他工具上无法看到的独特功能，例如页面加载时 JavaScript 与 DOM 互动和其他程序代码验证问题。
　　DOM monster ：你只需要添加到你的浏览器书签中,在任何需要调试的页面点击这个书签,它就能够帮助你列出目前页面出现的性能问题。本文为作者＂一个程序员的奋斗史＂悟空问答原创文章，未经允许转载、抄袭必究！
　　前端开发是目前一个非常火的行业，就业前景和薪资水平都非常不错，至于开发工具的话，那就非常多了，大部分代码编辑器、IDE环境都支持，下面我简单介绍4个非常不错的前端开发工具，感兴趣的朋友可以尝试一下：01代码编辑器
　　VS Code
　　这是目前前端开发一个非常流行的开发工具，在业界非常受欢迎，免费、开源、跨平台，由微软自主研发，可以说是良心产品，常见的智能补全、代码高亮、语法提示等功能这个软件都能很好支持，除此之外，插件扩展非常丰富，可以很好的进行代码编辑和调试，轻巧灵活，运行速度快，对于前端开发来说，是一个非常不错的选择：
　　Sublime Text
　　这也是一个比较轻巧灵活的代码编辑器，文本编辑功能强大，完美支持3大操作平台，但原则上不免费，和VS Code类似，Sublime Text也支持自动补全、语法提示、代码高亮等常见功能，除此之外，针对前段开发也提供了非常多的插件，不管是编辑还是调试代码来说，都非常方便，对于前端开发来说，也是一个不错的选择：
　　02IDE环境
　　HBuilder
　　这是一个纯粹的国产Web IDE开发工具，目前在前端开发中也有着较高的使用率，常见的自动补全、代码高亮、语法提示、错误检查等功能这个软件都能很好兼容，除此之外，界面柔绿、清爽护眼，针对Vue专门打造了插件扩展，可以很好的提高开发效率，还支持安卓、iOS打包，对于前端开发来说，也是一个非常不错的工具：
　　WebStorm
　　这是一个非常专业的Web IDE开发工具，Jetbrains公司的产品，被誉为＂Web前端开发神器＂、＂最智能的JavaScript IDE＂，除了基本的智能补全、代码高亮、语法提示等常见功能，这个软件还支持代码分析与重构、联想查询、 单元测试等高级功能，因此在开发效率上更高，也更适合大型项目，对于多人协作的前端开发来说，是一个非常不错的选择：
　　当然，除了以上4个比较常用的前端开发工具，还有许多其他软件也支持前端开发，像Atom、Notepad++、Dreamweaver等也有非常不错，但在功能和使用范围上就不如前面4个软件了，网上也有相关教程和资料，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言进行补充。
　　WebStorm
　　和idea同属于jetbrains公司开发的，它是旗下一款JavaScript开发工具，被广大中国JS开发者誉为＂Web前端开发神器＂、＂最强大的HTML5编辑器＂、＂最智能的JavaScript IDE＂等。
　　Aptana Studio
　　早起作为一个插件可以集成与Eclipse中来开发前端，现在已经独立出来，也是我最早接触js所使用的一款开发工具，如果熟悉了Eclipse快捷键的童鞋可以快速上手。
　　SublimeText
　　一款代码编辑器，借助丰富的插件资源，可以扩展成强大的前端开发工具，和IDE相比，属于一款轻量级的，启动特别快。
　　Atom
　　作为开源老大哥GitHub出的一款代码编辑器，和上面那个比较而言，插件略少，但和GitHub无缝结合，尤其是markdown编写，界面也很漂亮。
　　TextMate
　　TextMate是Mac下的著名的文本编辑器软件，与BBedit一起并称苹果机上的emacs和vim。尤其适合程序员使用，可以定制许多贴心使用的功能。
　　Emacs
　　Emacs即Editor MACroS（宏编辑器），是一种强大的文本编辑器。Emacs使用了Emacs Lisp这种有着极强扩展性的编程语言（它的核心是一个Emacs Lisp解释器），并实现了文本编辑支持等的扩展。
　　Notepad++
　　Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8 技术)。
　　VSC-VSCode
　　轻量快速，高颜值，社区开源，丰富扩展，微软支持
　　还有超好用的远程开发(vscode remote)和协作(live share)支持
　　HTML通常会和JavaScript、CSS同时出现。三者均是前端开发最常用到的。目前最常用到的HTML其实就是HTML5。常用的前端编程软件有HBuilder、Sublime Text等等。
　　HBuilder是一款免费的国产前端开发工具，编者用的就是HBuilder，对于小白和英语不太好的前端开发者这是一款难得的IDE。对代码自动补全方面简直是强大到没朋友。强力推荐。
　　Sublime Text是一个轻量级的编辑器，不端支持前端的html，js，css。还支持觉得多数的后端语言，比如C语言、java、python等。sublime text的强大之处是支持各种插件而且快捷键非常好用，可以极大的提高开发效率。缺点是代码提示方面不如Hbuilder。
　　很高兴能回答你的问题，作为一个后端开发，也曾经开发过前端，也用过很多前端开发工具。
　　1.sublime text用着确实不错，但是代码开发提示不强，平时用着文本编辑器还是可以的。
　　2.hbuild+用了一段时间各种不适用，最后就卸载了。
　　3.vs code用着一段时间写vue，需要安装插件，而且提交代码用感觉不方便，把不想提交的最后提交了，导致代码冲突，也许是因为自己用不熟。
　　4.webstorm 推荐使用，代码智能提示，而且提交代码方便。
　　感谢您的阅读，如果喜欢，麻烦点赞支持一下吧！
　　无论是Python、Java、javascript，当我们选择一款开发工具时，很多人都会首先想到jetbrain全家桶，Webstorm、IDEA、Pycharm....不得不说，jetbrain在开发工具方面真的是颇有心得、炉火纯青。
　　但是，如果做前端开发，我认为除了jetbrain的webstorm，还有很多选择，而其中我最为推荐的当属VS Code，下面就来介绍一下。VS Code
　　VS Code是一款出自微软之手的开发工具，我想，仅凭这一点就值得关注并且尝试一下。
　　微软在开发工具领域已经有了多年积淀，而VS Code有时微软结合了visual studio和其他开发工具，不断改进、优化推出的一款免费开发工具。
　　可以说VS Code是当下最为热门的开发工具之一，对比于eclipse、IDEA这些老牌开发工具，微软对于VS Code的改变更为大胆创新，已经处于领头羊的地位。每年微软开发者大会，都会对 VS Code进行大幅度的创新，经过多年的优化，VS Code已经让很多开发者爱不释手。
　　首先说一下它几个为人熟知的优点，
　　轻量化
　　丰富的插件
　　首先说一下轻量化，我觉得仅凭这一点，就足以让jetbrain全家桶汗颜。无论是webstorm、还是IDEA，最令人痛苦的就是打开过程，臃肿、漫长，加载工程项目和配置项需要多大几分钟，令人无法忍受。而VS Code则不同，它更像一个编辑器，能够秒级打开，速度堪比UE、notepad++这些文本编辑器。
　　其次说一下丰富插件，丰富的插件造就了VS Code完整的生态，＂你想要的，这里都有＂，无论是标签样式还是DEBUG或者功能增强，VS Code都有非常多热门的插件，使得你的开发效率大大提升，当然，前端需要的那些优质插件这里都有。
　　其实，让我转向VS Code并非上述这两点，而是远程开发 。
　　我觉得这是微软大胆创新和引领者角色必然的产物，让很多其他开发工具很难望其项背。
　　有了VS Code远程开发功能，我们可以实时同步本地和服务器代码，不需要再去复杂的配置远程服务器，对于项目管理也非常方便。
　　WebStorm和PS
　　尤其PS，平时生活中也需要用到，挺方便的
　　喜欢用webstorm，atom和vs code，sublimetext都装了，几乎只用webstorm，atom界面是漂亮，也是我第一个下载安装的，装了各种插件，那时初学，感觉提示不全，还有就是插件安装了几个后开机明显变好慢，无奈下了webstorm，感觉很爽
　　1. Google PageSpeed Insights
　　Google PageSpeed Insights 可以为网站生成性能报告，它在移动设备和桌面设备上都是免费的。并且还给出了影响页面加载速度的原因，并为这些问题提供了解决方案。网站速度按照 100 分进行划分，其中：大于90：较好；50-90：需要改进；小于50：较差
　　2. Pingdom Website Speed Test
　　Pingdom Website Speed Test 可以全面分析影响页面Web速度的因素。此外，还可以查看网站在亚洲、欧洲等多个不同的地理位置的性能信息。
　　3. WebPagetest
　　WebPagetest是 AOL 开发的一款在线的免费性能评测网站，从全球多个地点运行免费网站速度测试。可以运行简单的测试或执行高级测试，包括多步骤事务、视频捕获、内容阻塞等等。还将依据测试结果提供丰富的诊断信息，包括资源加载瀑布图，页面速度优化检查和改进建议，会给每一项内容一个最终的评级。
　　4. GTmetrix
　　GTmetrix 是一个类似于 pingdom 的工具，可以快速轻松地测试网站速度。它主要有PageSpeed和YSlow两部分组成，并提供相应的得分数据，能够真实的反应出网站的性能，并且会提供可行性建议来帮助改善网站性能。
　　5. Keycdn Tool
　　Keycdn Tool 是一个在全球 10 不同地点的网站速度测试工具。它允许测试任何页面的性能。返回的结果将提供请求、内容大小和加载时间等详细信息。此外，还有一个完整的瀑布图，详细说明了每个资源的加载时间和 HTTP 头。
　　6. GiftOfSpeed
　　GiftofSpeed是一款免费网站载入速度测试工具，可以在上面获得网站综合性能信息，它能够展示网站加载时间以及评估网站有哪些需要改进的地方，并给予一个客观的综合评分。
　　GiftofSpeed 的测试结果以瀑布流展示，可以很容易看到网站加载速度，每一项资源的的载入顺序、大小与响应时间的长短，方便了解网站的各项载入资源。此外，它还提供了载入时间最长的內部文件以及外部文件，从而分析出是由哪些因素影响了你网站的载入速度，就可以专门针对这些载入时间较长的元素进行优化，从而最大限度提升网站载入速度。
　　7. Pagelocity
　　Pagelocity 是一个网站分析性能测试工具。这个工具也提供了追踪竞争对手的能力。代码检视图在类似工具中是独一无二的。如果想知道 TTFB 和图形化 DOM 元素等，都能通过这项工具获取到。
　　8. Sucuri Loadtime Tester
　　Sucuri Load Time Tester 是一个网站分析性能测试工具，它用不同的颜色表示网速快慢，可以很直观地看出测试网站在不同国家的运行速度。绿色表示畅通，没有颜色的普通数字表示一般，黄色表示中等偏慢，红色表示缓慢。
　　9. GEEKFLARE
　　GEEKFLARE 这是一套免费的性能测试工具，用于测试网站的 DNS、安全性、性能、网络和 SEO 等问题。
　　10. Dareboost
　　DareBoost 是一个免费网站速度测试和网站分析工具。它提供超过 100 种不同的检查项目用以分析你的网站的速度。可以测试桌面端与行动页面、Firefox 与 Chrome 和五个节点的速度差异。
　　以上文章来源于前端充电宝 ，作者CUGGZ