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

前端开发最爽的地方就在于,一个编辑器,一个浏览器就足矣走天下。
编辑器——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 Switcher:从名称我们就可以看出来,用来更换浏览器的UserAgent。
前端性能优化工具:Yellow Lab Tools:一款Web性能及前端质量测试工具。
与其他工具不同的是,它有一些在其他工具上无法看到的独特功能,例如页面加载时 JavaScript 与 DOM 互动和其他程序代码验证问题。
DOM monster:你只需要添加到你的浏览器书签中,在任何需要调试的页面点击这个书签,它就能够帮助你列出目前页面出现的性能问题。
本文为作者“一个程序员的奋斗史”

参考:
WebStorm和idea同属于jetbrains公司开发的,它是旗下一款JavaScript开发工具,被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
Aptana Studio早起作为一个插件可以集成与Eclipse中来开发前端,现在已经独立出来,也是我最早接触js所使用的一款开发工具,如果熟悉了Eclipse快捷键的童鞋可以快速上手。
SublimeText一款代码编辑器,借助丰富的插件资源,可以扩展成强大的前端开发工具,和IDE相比,属于一款轻量级的,启动特别快。
Atom作为开源老大哥GitHub出的一款代码编辑器,和上面那个比较而言,插件略少,但和GitHub无缝结合,尤其是markdown编写,界面也很漂亮。
TextMateTextMate是Mac下的著名的文本编辑器软件,与BBedit一起并称苹果机上的emacs和vim。
尤其适合程序员使用,可以定制许多贴心使用的功能。
EmacsEmacs即Editor MACroS(宏编辑器),是一种强大的文本编辑器。
Emacs使用了Emacs Lisp这种有着极强扩展性的编程语言(它的核心是一个Emacs Lisp解释器),并实现了文本编辑支持等的扩展。
Notepad++Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL),有完整的中文化接口及支持多国语言编写的功能(UTF8 技术)。

参考:
VSC-VSCode轻量快速,高颜值,社区开源,丰富扩展,微软支持还有超好用的远程开发(vscode remote)和协作(live share)支持
参考:
感谢您的阅读,如果喜欢,麻烦点赞支持一下吧!无论是Python、Java、javascript,当我们选择一款开发工具时,很多人都会首先想到jetbrain全家桶,Webstorm、IDEA、Pycharm....不得不说,jetbrain在开发工具方面真的是颇有心得、炉火纯青。
但是,如果做前端开发,我认为除了jetbrain的webstorm,还有很多选择,而其中我最为推荐的当属VS Code,下面就来介绍一下。
VS CodeVS 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远程开发功能,我们可以实时同步本地和服务器代码,不需要再去复杂的配置远程服务器,对于项目管理也非常方便。

参考:
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 推荐使用,代码智能提示,而且提交代码方便。

参考:
WebStorm和PS尤其PS,平时生活中也需要用到,挺方便的
参考:
喜欢用webstorm,atom和vs code,sublimetext都装了,几乎只用webstorm,atom界面是漂亮,也是我第一个下载安装的,装了各种插件,那时初学,感觉提示不全,还有就是插件安装了几个后开机明显变好慢,无奈下了webstorm,感觉很爽
参考:
vscode,微软这方面的功力牛的一批
参考:
什么是前端开发工具?

标签