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

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

前端开发最爽的地方就在于，一个编辑器，一个浏览器就足矣走天下。

前端开发利器，超级好用的编辑器，对于大前端来说更是不可多得。由微软出品，跨平台支持，颜值高，易上手，丰富的插件支持。下面推荐几个前端常用插件。

Yellow Lab Tools：一款Web性能及前端质量测试工具。与其他工具不同的是，它有一些在其他工具上无法看到的独特功能，例如页面加载时 JavaScript与 DOM互动和其他程序代码验证问题。

DOM monster：你只需要添加到你的浏览器书签中,在任何需要调试的页面点击这个书签,它就能够帮助你列出目前页面出现的性能问题。

前端开发是目前一个非常火的行业，就业前景和薪资水平都非常不错，至于开发工具的话，那就非常多了，大部分代码编辑器、IDE环境都支持，下面我简单介绍4个非常不错的前端开发工具，感兴趣的朋友可以尝试一下：

这是目前前端开发一个非常流行的开发工具，在业界非常受欢迎，免费、开源、跨平台，由微软自主研发，可以说是良心产品，常见的智能补全、代码高亮、语法提示等功能这个软件都能很好支持，除此之外，插件扩展非常丰富，可以很好的进行代码编辑和调试，轻巧灵活，运行速度快，对于前端开发来说，是一个非常不错的选择：

这也是一个比较轻巧灵活的代码编辑器，文本编辑功能强大，完美支持3大操作平台，但原则上不免费，和VS Code类似，Sublime Text也支持自动补全、语法提示、代码高亮等常见功能，除此之外，针对前段开发也提供了非常多的插件，不管是编辑还是调试代码来说，都非常方便，对于前端开发来说，也是一个不错的选择：

这是一个纯粹的国产Web IDE开发工具，目前在前端开发中也有着较高的使用率，常见的自动补全、代码高亮、语法提示、错误检查等功能这个软件都能很好兼容，除此之外，界面柔绿、清爽护眼，针对Vue专门打造了插件扩展，可以很好的提高开发效率，还支持安卓、iOS打包，对于前端开发来说，也是一个非常不错的工具：

这是一个非常专业的Web IDE开发工具，Jetbrains公司的产品，被誉为“Web前端开发神器”、“最智能的JavaScript IDE”，除了基本的智能补全、代码高亮、语法提示等常见功能，这个软件还支持代码分析与重构、联想查询、单元测试等高级功能，因此在开发效率上更高，也更适合大型项目，对于多人协作的前端开发来说，是一个非常不错的选择：

和idea同属于jetbrains公司开发的，它是旗下一款JavaScript开发工具，被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。

早起作为一个插件可以集成与Eclipse中来开发前端，现在已经独立出来，也是我最早接触js所使用的一款开发工具，如果熟悉了Eclipse快捷键的童鞋可以快速上手。

一款代码编辑器，借助丰富的插件资源，可以扩展成强大的前端开发工具，和IDE相比，属于一款轻量级的，启动特别快。

作为开源老大哥GitHub出的一款代码编辑器，和上面那个比较而言，插件略少，但和GitHub无缝结合，尤其是markdown编写，界面也很漂亮。

TextMate是Mac下的著名的文本编辑器软件，与BBedit一起并称苹果机上的emacs和vim。尤其适合程序员使用，可以定制许多贴心使用的功能。

Emacs即Editor MACroS（宏编辑器），是一种强大的文本编辑器。Emacs使用了Emacs Lisp这种有着极强扩展性的编程语言（它的核心是一个Emacs Lisp解释器），并实现了文本编辑支持等的扩展。

Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。

轻量快速，高颜值，社区开源，丰富扩展，微软支持

还有超好用的远程开发(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有时微软结合了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远程开发功能，我们可以实时同步本地和服务器代码，不需要再去复杂的配置远程服务器，对于项目管理也非常方便。

尤其PS，平时生活中也需要用到，挺方便的

喜欢用webstorm，atom和vs code，sublimetext都装了，几乎只用webstorm，atom界面是漂亮，也是我第一个下载安装的，装了各种插件，那时初学，感觉提示不全，还有就是插件安装了几个后开机明显变好慢，无奈下了webstorm，感觉很爽

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

2. Pingdom Website Speed Test

Pingdom Website Speed Test可以全面分析影响页面Web速度的因素。此外，还可以查看网站在亚洲、欧洲等多个不同的地理位置的性能信息。

WebPagetest是 AOL开发的一款在线的免费性能评测网站，从全球多个地点运行免费网站速度测试。可以运行简单的测试或执行高级测试，包括多步骤事务、视频捕获、内容阻塞等等。还将依据测试结果提供丰富的诊断信息，包括资源加载瀑布图，页面速度优化检查和改进建议，会给每一项内容一个最终的评级。

GTmetrix是一个类似于 pingdom的工具，可以快速轻松地测试网站速度。它主要有PageSpeed和YSlow两部分组成，并提供相应的得分数据，能够真实的反应出网站的性能，并且会提供可行性建议来帮助改善网站性能。

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

GiftofSpeed是一款免费网站载入速度测试工具，可以在上面获得网站综合性能信息，它能够展示网站加载时间以及评估网站有哪些需要改进的地方，并给予一个客观的综合评分。

GiftofSpeed的测试结果以瀑布流展示，可以很容易看到网站加载速度，每一项资源的的载入顺序、大小与响应时间的长短，方便了解网站的各项载入资源。此外，它还提供了载入时间最长的内部文件以及外部文件，从而分析出是由哪些因素影响了你网站的载入速度，就可以专门针对这些载入时间较长的元素进行优化，从而最大限度提升网站载入速度。

Pagelocity是一个网站分析性能测试工具。这个工具也提供了追踪竞争对手的能力。代码检视图在类似工具中是独一无二的。如果想知道 TTFB和图形化 DOM元素等，都能通过这项工具获取到。

Sucuri Load Time Tester是一个网站分析性能测试工具，它用不同的颜色表示网速快慢，可以很直观地看出测试网站在不同国家的运行速度。绿色表示畅通，没有颜色的普通数字表示一般，黄色表示中等偏慢，红色表示缓慢。

GEEKFLARE这是一套免费的性能测试工具，用于测试网站的 DNS、安全性、性能、网络和 SEO等问题。

DareBoost是一个免费网站速度测试和网站分析工具。它提供超过 100种不同的检查项目用以分析你的网站的速度。可以测试桌面端与行动页面、Firefox与 Chrome和五个节点的速度差异。

二、U聚合开发者大会@行业大咖现场访谈集锦

由龙云科技、云告网络、优聚合开发者平台主办，GMGC、双创云、北京动漫游戏产业协会、中欧移动互联网协会协办的“U聚合开发者大会”于7月29日下午第十九届ChinaJoy期间，在上海喜来登由由酒店隆重举办。活动期间，包括主办方在内的多位行业大咖在采访间接受了媒体专访，以下是小编整理的现场访谈集锦——

专访嘉宾：龙云科技董事长朴志鹏

记者：龙云科技在U聚合产品发布后，如何重新定义数字化的机遇呢？

朴志鹏：移动互联网元年从2010年开始，整个互联网行业大家都在做得更加具像、更加垂直，在这样一个垂直的大环境下，U聚合更想做数字营销，包括用工具服务数字营销。我们想用U聚合这个垂直化的数字营销工具帮助大家在各自的垂直领域做得更好。我们自己也是在数字营销领域做了很多年，想把我们之前的一些经验和关于工具方面的东西开放给大家。以前我们是做黑盒模式的，我们是靠这个赚钱的，现在来看互联网更趋于开放、免费、生态化，所以我们把它开放出来。

记者：我们知道客户对于目前广告的精准和多维的需求越来越多，市场上投放门槛也越来越高，那么U聚合的优势是什么？

朴志鹏：U聚合我们定义为营销领域全域的SaaS工具，从U聚合产品版本迭代来说我们最终要做三件事：

一、广告投放端工具。广告投放端工具意思是大家可以利用我们的工具进行比如说快速的账户搭建以及素材的抓取，在前端进行投放，前端就要覆盖掉。

二、ROI成本可控。很多做投放的客户有个头疼的问题，就是投放的ROI成本是否可控。我们首先从投放上就帮它解决掉，我们目前聚合了国内几家主流的上游，做完聚合以后再对上游这几家进行更优质的筛选，把投放策略调到最优。

三、开放DSP。对很多企业来说，最后都面临着广告自己的直销、直客没有自己DSP的问题，所以我们把我们的DSP开放给大家，也是免费的。

朴志鹏：U聚合目前我们开放出来的技术模块是程序化的优选，难度在于你是如何做到智能化帮大家做到收益提升。这个是基于各种逻辑，无论是基于你的算法还是基于程序化广告商上游的算法，这个相对来讲还是比较有难度的。

记者：您认为数字营销未来的前景是什么？

朴志鹏：我认为数字营销未来更多会走向工具化，其实无论是实体行业还是互联网企业，大家几乎都在做数字营销。以前更多是采用一些传统的方式，比如说代理商投放的方式，通过使用工具来大幅提升工作效率。第二是有一些广告公司，广告公司的人很多，但他们没有真正专业化的工具。所以我认为数字营销未来将走向工具化。

记者：我补充一个问题，关于U聚合这个产品，你们最终的目标跟理想或者说梦想是什么样的呢？

朴志鹏：目标刚才我提到，目标是做数字营销全域SaaS。什么叫全域呢？从产品推广开始到中间的商业化到后面的变现，整条链路我们全部要工具化，开放工具，免费。

专访嘉宾：GMGC创始人、龙云科技联合创始人兼总裁宋炜

记者：非常想了解一下您创办GMGC这个品牌的初心是什么？

宋炜：这个初心，就像现在奥运会的运动员一定要赢，对于创业者来说一定要把自己所做的事情要落地，要变成“取之于民而用之于民，取之于民而为之于天下”，我们道家讲“取之于民而为之于天下”才叫事业。所以我觉得创业者来讲要做的就是事业，而不是一个生意，生意的话是可计量的，事业是不可以计量的。我觉得U聚合这样一个平台也想做成一个事业，就是帮助中小开发者成长，赋能于他们成功。

UNION本身就是联盟的意思，我们又是免费的工具，又是赋能开发者，今天我们讲了，我们的初心就是希望成为所有开发者的Partner，成为拍档。我们希望成为一切可能性，帮助更多的开发者，帮助身边的创业者，无论是在人才、资本和具体的工作上都能够助力他们。我觉得创业就是在不断学习，一个事业无限大，有一群人，无限多的人、无限多的平台、无限多的可能性，在一起去创造它。UNION在做的事业，就是如何在开发者、数字营销，在商业化的SaaS领域，如何帮助中小开发者赋能，帮助他们能够高效变现，帮助他们能够轻松快捷地进入市场，我希望能让他们通过UNION整个生态系统得到这样一个助力。这也是我的初心。

记者：您刚才提到UNION为开发者赋能，接下来有没有一些具体的计划跟我们透露一下吗？

宋炜：第一点，我们跟韩国三星游戏签完战略了，中国的开发者如果有海外的发行需求的话，可以通过UNION跟三星游戏整个平台快速对接，快速进入第三方市场。第二点跟云相关，我们UNION这个产品做出来之后就已经很多人在关注，包括华为、阿里、腾讯、百度、双创云都在关注，我们的需求就是来自于这些合作伙伴给我们带来不同的多元化、多样性的需求，我们也非常愿意成为他们最好的拍挡。

华为云会对参加这次U聚合，并且有非常详细的云上资源补贴政策，帮助开发者减轻资金的压力，更深的拥抱云技术，通过龙云科技这条通道，获得华为云原厂专属的技术支持和云上补贴。我们也已经和双创云深度合作，基于双创领域搭建SaaS平台为他们园区的数字双创产业数字营销赋能。我觉得这是一个非常好的开始，非常期待通过这样的合作跟更多的厂商和平台之间碰撞出更多的火花，帮助更多的开发者获利，能够更好的扶持产业。

记者：GMGC后面的工作重点就是在资源拓展上帮助实现更多的资源对接落地，我理解得是否正确？

宋炜：我觉得大方向没问题，因为在GMGC体系里有大量的CEO和高价值会员，有几百家中外企业，例如海外的三星游戏马上就进来了。我相信后面随着我们平台越来越开放，随着越来越多的开发者聚集之后，我们的合作方式可能更多元，也更深层次。比如，我们会针对性搭建游戏行业专属的数字营销SaaS平台，也会针对视频电商类搭建专门的生态平台，然后把产业上下游资源聚合在一起，这样的话我们做的这件事情就变成了一件有意义的事业。

记者：UNION免费对开发者开放了一段时间，你有没有关注开发者对于UNION哪一方面最关注或者评价最好？

宋炜：我认为开发者接入UNION之后有一个ADX有一个广告交易平台，我可以免费获取一个广告交易平台，可以不再花自己团队的开发成本，就接上了广告交易平台，迅速满足他们的广告投放需求。第二，大量开发者要做头部流量投放时需要做适配，UNION将这几家SDK聚合之后，开发者可以更轻松的管理这些广告素材、广告平台、广告计划，这部分是开发者非常欣慰的，真的节省了他们很多时间。很多大厂不太愿意做这方面的开发，因为这方面是“食之无用，弃之可惜”，但是像我们这样可以进行平台化管理的时候，许多开发者都是非常乐意的，因为这能提升用户的APP体验满意度。

未来数据精准化营销、智能化营销，也是我们UNION包括龙云的使命，包括GMGC也要推这个东西。数据智能化、数字化还有AI的捕捉、算法、行为、用户画像，都可以通过AI数智化的SaaS，我们未来会把更多行业内的技术都叠加进来，这样就能更全面、更全域、更立体地服务于我们这个生态的上下游。我们的理想就是让UNION成为所有开发者的最佳拍档，这是我们的梦想，也是一直要去践行的，Tobebestpartner。

记者：您这边跟U聚合的战略合作协议大概是什么样的情况？

朱韶君：因为我们是叫“双创云”，双创云是做全中国创新创业服务的一朵云，专注在为中小微企业提供服务，特别是现在很多企业做互联网的消费类或者应用类，包括咱们关注的行业就是游戏类。我们也代表着广大创新创业的服务商跟龙云合作，看能不能给大家带来一套聚合平台，帮助这些中小企业快速增长，以及快速在市场占有核心地位的这么一个合作方式，也非常荣幸这次能够接到大家这么好的平台和合作机会。

记者：我们双创云客户对中小微企业有哪些利好政策可以公布？

朱韶君：我们目前在全中国做创新创业的载体有1.3万家，覆盖大概有80万家中小微新的企业。因为在整个的孵化器或者说创新中心，企业都会有一个发展和变大的过程。因为我们叫“双创云”，在我们所能覆盖的园区范围内，是以云或者说以科技类产品作为引导客户去实现快速增长的，去做知识壁垒的突破。像聚合类的产品或者广告类的产品是我们所关注的社会领域，是一个很好的数字化工具。现在很多企业，包括游戏类、企业服务类的客户用云包括用我们的资源都是免费的，甚至我们可以对企业实现生产资料的投资。未来我们会将平台做得更加轻量化，包括在广告投放上帮助企业来做增长。

记者：疫情常态化影响下，双创云在这方面有没有一些战略上的相应改变呢？

朱韶君：从产业上讲，我们做的双创就是非常大的产业。从国家“十三五”规划到今年“十四五”新的规划，创新创业被放在了很高的政务优先度。我们一直在摸索，在双创领域能够拿到什么样好的方案来帮助整个大众创新、万众创业的项目，更好的帮助大家在创业路上少走弯路，实现更好的发展。我们现在前期比如说做了一些云的服务、投资的服务，还有很多在中小企业路上发展的过程当中会遇到一些比如说《工商财税法》或者是培训等事情，我们会全方面帮助企业去做延伸。

记者：如果让您用几个字来说一下双创云的优势的话，您会用哪几个字？

朱韶君：我们的口号是“创业不易，双创云懂你”，这是我们的口号。大家都有一个创业梦，从你想建立公司那一刻起，怎么把“我”的想法投入到市场当中，这一系列要走的一些环节，互联网也好，做实体也好，做服务也好，都有不同领域和行业的一些要求和难点，我们更懂这些创业者怎么样去实现自己创业道路的发展。所以我们的优势就是在于我们更懂您，我们专注于这个行业里面。

U聚合作为策略领先的免费程序化广告管理工具，专注于国内app产品的变现提升，功能上一键支持多广告平台的接入，同时最大化降低运营成本，解决很多独立开发者聚合变现从无到有的问题。开发者只需要使用U聚合SDK，即可轻松完成多家主流广告平台的接入，省去接口适配和自己调整聚合策略的繁杂工作，节省开发与运营成本。

三、移动前端开发和Web前端开发的区别是

移动前端开发和 Web前端开发的区别是:

1、前端是相对比较大的概念，一般是指用户能够看到、直接接触的界面都算是前端，比如iOS界面，安卓界面，网页界面，PC/Mac桌面软件的界面。最常见的是Web前端，也就是针对于网页端开发的工作。

2、Web App即Web application，也就是以浏览器作为客户端的软件。例如，用桌面客户端来收发邮件，但也可以直接用浏览器登陆gmail或者QQ邮箱，直接使用网页版的软件来使用。总之就是使用网页版代替本地软件。

Mobile Web App就是在手机端打开的Web App。例如Gmail的移动端软件

3、目前，移动客户端的开发主要包括三种类型：

Native App（原生APP）：也就是完全使用移动设备系统语言写的客户端。iOS系统就是使用Objective-C语言来编写本地应用，也可以使用苹果于2014年苹果开发者大会上发布的SWIFT语言；Android平台就是使用Java语言来开发。原生APP就是从界面到交互都是使用官方标准语言来编写，效率和稳定性都是最好的，但欠缺灵活性。

Web App：这个就是在移动浏览器里打开的，使用Web前端开发语言HTML CSS JavaScript来开发的，基本上就是个网页，

Hybrid App：主要使用HTML5实现。一般使用Native语言实现一个容器，然后使用HTML CSS JS来实现用户界面和交互。这样方式既克服了Web App容器暴露偏底层的接口这样的问题，同时比起原生的开发灵活性要高。这样就更新可以更方便快捷，也不依赖于市场。例如，豌豆荚其实是个PC端的hybrid app。

对于以上三种开发方式的比较和分析搜索引擎里面有太多的内容了，这里也就不再赘述了。

4、移动端网页布局方法与pc的差异。

主要是css方面，外加如何做到同一url，不同客户端展现不一致的做法，俗称pc和mobile都兼容。还有会说一下rem的相关用法和一段比较经典的rem.js

其实这两者最显著的区别就是，web app是不依赖于具体的设备的，通用性较强，只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备，一旦更换设备，需要重新下载才能继续使用。

移动前端开发主要来说的是Native Client的开发Android为Java，iOS为Objective-C，然后么HTML5应用号称跨平台其实差异很大。

Web前端开发么基本上就是HTML JavaScript CSS，不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。

app是应用，每个操作系统有专门的开发工具和语言

web是网页，使用htmlcssjs，有工具可以生成转化为app，不过效果一般