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

编辑器-vscode前端开发工具，超级好用的编辑器，对于微软出品的大前端来说是不可多得的，跨平台支持，价值高，好用，丰富的插件支持。下面是一些常见的前端插件。

调试工具:前端性能优化工具:黄色实验室工具:一个Web性能和前端质量测试工具。与其他工具不同的是，它有一些其他工具看不到的独特功能，比如加载页面时JavaScript与DOM的交互以及其他程序代码验证问题。

DOM monster:你只需要把它添加到你的浏览器书签中，在任何需要调试的页面上点击这个书签，它就会帮你列出当前页面的性能问题。

前端开发是目前很热的行业，就业前景和薪资水平都很好。至于开发工具，有很多，大部分代码编辑器和IDE环境都支持。这里我简单介绍四款非常不错的前端开发工具，感兴趣的朋友可以试试:

01代码编辑器这是目前前端开发中非常流行的一个开发工具，在业界非常流行。它是免费的、开源的、跨平台的。是微软自主研发的，可以说是良心产品。该软件能够很好地支持智能补全、代码高亮、语法提示等常用功能。除此之外，插件扩展非常丰富，可以用于代码编辑和调试。它轻便灵活，跑得快。

这也是一个比较轻便灵活的代码编辑器，具有强大的文本编辑功能，完美支持三大操作平台，但原则上不是免费的。与VS代码类似，Sublime Text也支持自动补全、语法提示、代码高亮等常用功能。此外，它还为前期开发提供了很多插件，无论是编辑还是调试代码都非常方便，对于前端开发来说也是一个不错的选择:

02 IDE环境这是一个纯国产的Web IDE开发工具，目前在前端开发中使用率很高。常见的功能如自动完成、代码高亮、语法提示、错误检查等。能很好的兼容。此外，界面柔和绿色，清爽护眼，还专门为Vue打造了插件扩展，可以提高开发效率，支持Android和iOS打包。对于前端开发来说，也是一个不错的工具。

这是一个非常专业的Web IDE开发工具。Jetbrains的产品被誉为“Web前端开发神器”和“最智能的JavaScript IDE”。除了智能补全、代码高亮、语法提示等基本的常用功能外。，该软件还支持代码分析和重构、关联查询、单元测试等高级功能。，所以开发效率更高，更适合大型项目。对于多人协同前端开发，

网络风暴

由jetbrains公司与idea共同开发，是一款JavaScript开发工具，被国内JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。

作为一个插件，Zaozao可以和Eclipse集成开发前端。现在已经独立了，也是我第一次接触js的开发工具。如果熟悉Eclipse快捷键的童鞋，可以很快上手。

一个代码编辑器，借助丰富的插件资源，可以扩展成一个强大的前端开发工具。与IDE相比，它是轻量级的，启动非常快。

原子

作为开源大佬GitHub出品的代码编辑器，和上面的相比，插件少了几个，但是和GitHub，尤其是markdown无缝集成，界面很漂亮。

TextMate是MAC下著名的文本编辑器软件，和BBedit一起在Mac上被称为emacs和vim。特别适合程序员使用，可以自定义很多贴心的功能。

Emacs，即编辑器宏，是一个强大的文本编辑器。Emacs使用了可扩展性很强的编程语言Emacs Lisp(其核心是一个Emacs Lisp解释器)，实现了文本编辑支持的扩展。

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文字确实不错，但是代码开发提示不强，平时用个文字编辑器还是可以的。

2.hbuild+用了一段时间不适用，最后卸载了。

3.vs代码写vue花了一段时间，需要安装插件。而且提交代码不方便，最后一个不想提交的提交了，导致代码冲突，可能是因为不熟悉。

4 .推荐webstorm，智能代码提示，提交代码方便。

无论是Python、Java还是javascript，当我们选择一个开发工具时，很多人会首先想到jetbrain的全家桶、Webstorm、IDEA、Pycharm...不得不说，jetbrain在开发工具方面真的很有经验。

但是如果做前端开发，我觉得除了jetbrain的webstorm还有很多选择，我最推荐的是VS Code。下面就来介绍一下。

VS代码

微软在开发工具领域有着多年的积累，VS Code有时会结合visual studio和其他开发工具，不断完善和优化一个免费的开发工具。

可以说，VS代码是目前最流行的开发工具之一。相对于eclipse、IDEA等老牌开发工具，微软在VS代码的改变上更加大胆创新，一直处于领先地位。每年在微软开发者大会上，VS代码都会有很大的创新。经过多年的优化，VS代码已经让很多开发者爱不释手。

首先说一下它众所周知的优点。

首先来说说轻量化。我觉得仅此一点就足以让jetbrain的家人感到羞愧。无论是webstorm还是IDEA，最痛苦的就是打开过程，臃肿冗长，加载工程项目和配置项要花多少分钟，让人难以忍受。另一方面，VS代码更像一个编辑器，可以秒开，速度堪比UE、notepad++等文本编辑器。

其次说一下丰富的插件。丰富的插件造就了一个完整的VS代码生态。“你想要的东西都在这里。”无论是标签样式、调试还是功能增强，VS代码都有很多流行的插件，大大提高了你的开发效率。当然，前端需要的优质插件都在这里。

其实让我转向VS代码的并不是这两点，而是远程开发。

我觉得这是微软大胆创新和引领作用的必然产物，让很多其他开发工具难以企及。

利用VS代码的远程开发功能，我们可以实时同步本地和服务器代码，无需复杂的远程服务器配置，对于项目管理也非常方便。

网络风暴和PS

尤其是日常生活中也需要的PS，相当方便。

我喜欢用webstorm，atom，vs code，sublimetext全部安装，几乎只用webstorm。atom界面很漂亮，我是第一个下载安装各种插件的。当时我是初学者，感觉提示不全。而且安装了几个插件后，开机明显变慢了，只好下载了webstorm，感觉很爽。

Google PageSpeed Insights可以为网站生成性能报告，在移动设备和桌面设备上都是免费的。同时给出了影响页面加载速度的原因，并提供了解决这些问题的方法。网站速度按100分划分，其中:

2.Pingdom网站速度测试

Pingdom网站速度测试可以综合分析影响一个页面网页速度的因素。此外，您还可以查看网站在亚洲和欧洲等许多不同地理位置的性能信息。

3.网页测试

WebPagetest是由AOL开发的在线免费性能评估网站，它在世界各地运行免费的网站速度测试。您可以运行简单的测试或执行高级测试，包括多步事务、视频捕获、内容阻止等。它还将根据测试结果提供丰富的诊断信息，包括资源加载的瀑布图、页面速度优化检查和改进建议，并将对每一项给出最终评级。

4.GTmetrix

GTmetrix是一个类似于pingdom的工具，可以快速方便的测试网站的速度。主要由PageSpeed和YSlow组成，并提供相应的评分数据，能够真实的反映网站的表现，提供可行的建议，帮助提升网站的表现。

5.Keycdn工具

Keycdn Tool是一个网站速度测试工具，在全球不同地点，10。它允许您测试任何页面的性能。返回的结果将提供请求、内容大小和加载时间等详细信息。此外，还有一个完整的瀑布图，详细说明了每个资源的加载时间和HTTP头。

6.GiftOfSpeed

GiftofSpeed是一款免费的网站加载速度测试工具，可以获取网站的综合性能信息。可以显示网站的加载时间，评估需要改进的地方，给出客观的综合评分。

GiftofSpeed的测试结果以瀑布流的方式展示，很容易看到网站的加载速度，各个资源的加载顺序，大小，响应时间，方便了解网站的加载资源。此外，它还提供了加载时间最长的内部文件和外部文件，从而分析哪些因素影响你网站的加载速度，你可以对这些加载时间较长的元素进行优化，最大限度地提高你网站的加载速度。

7.页面相似性

Pagelocity是一个网络分析性能测试工具。该工具还提供了跟踪竞争对手的能力。代码视图在类似的工具中是独一无二的。如果你想了解TTFB和图形化DOM元素，可以通过这个工具得到。

8.Sucuri装载时间测试仪

Sucuri Load Time Tester是web analytics中的一个性能测试工具。它用不同的颜色表示网速的快慢，可以直观的看到不同国家测试网站的运行速度。绿色表示平滑，没有颜色的普通数字表示平均，黄色表示中等缓慢，红色表示缓慢。

9.极客闪耀

GEEKFLARE是一套免费的性能测试工具，用来测试网站的DNS、安全、性能、网络、SEO。

10.Dareboost

DareBoost是一个免费的网站速度测试和网络分析工具。它提供了超过100个不同的检查项目来分析你的网站的速度。可以测试桌面和移动页面、火狐和Chrome、五个节点的速度差异。