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

2024-11-28 10:00:01 浏览：1

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

－－－－－

网友解答：

－－－－－

摘要：在我认识的所有程序员里，每个人几乎都有专属于自己的常用工具和相关资源，今天给大家奉上数十个程序员硬核工具，我相信这里总有一款工具是属于你的！

程序员生产力工具大全如下：

1. Idea-Intellij IDEA (java 编程语言开发的集成环境)

业界排名第一的java开发工具，非常非常好用，如果还在用eclipse的朋友，赶紧来体验一把，你一定会爱上她的。

2. SecureCRT (SSH终端仿真程序)

SecureCRT是一款终端仿真程序，支持SSH（SSH1和SSH2）以及Telnet和rlogin协议。SecureCRT用于连接运行包括Windows、UNIX和VMS在内的远程系统的理想工具。

3. Termius (全平台的远程终端)

termius是一款全平台的远程终端，Termius不仅涵盖了Windows、Linux、OSX，还变态得支持Android和iOS（以后在地铁、公交上都可以随时拿出手机来排查线上问题啦，还真是广大程序员的福音呢。

4. Google Chrome (谷歌浏览器)

Google Chrome是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

5. iTerm (为Mac OS X编写的终端仿真程序)

iTerm是一个为Mac OS X编写的，功能齐全的终端仿真程序；目标是在为用户提供OS X下最佳的命令行体验；字母i代表了本地苹果的外观和风格的程序界面，并把重点放在完整的国际支持；它合并由两个项目， CTerminal和TerminalX ，而这两者都是基于JTerminal项目；该软件非常有实用和易用性。

6. Visual Studio Code (简称“VS Code”,编写现代Web和云应用的跨平台源代码编辑器）

重新定义和优化了代码编辑,以便生成和调试新式 Web 应用程序和云应用程序。也是著名的文本编辑器，它是轻量级的,vSCode的一大特点就是你可以通过多种方式来调整设置,而且Vim可以和VScode集成在一起，它还带有一个集成终端，可用的扩展太多，使开发人员的工作变得更加轻松。我最喜欢的一些扩展是AWS Toolkit, ESLint,Live Server, Live Share, Prettier-代码格式化程序，YAML,Live Sass编译器，Docker等。

7. VMware Fusion & VMware workstation (为计算机开发的虚拟机管理程序)

是在计算机上无缝运行 Windows 的最佳方式，可确保 Windows 应用程序在计算机上实现无缝运行可以在基于 Intel 的计算机上无缝运行 Windows、Linux 以及其他 PC等多个操作系统，进而构建、测试或演示软件。

8. Navicat Premium (数据库管理工具)

Navicat premium是一款数据库管理工具,是一个可多重连线资料库的管理工具，它可以让你以单一程式同时连线到 MySQL、SQLite、Oracle 及 PostgreSQL 资料库，让管理不同类型的资料库更加的方便。

9. Postman (api调试工具)

简单来说，四个词，简单、实用、大方、美观！postman这款网页调试工具的windows客户端，功能强大的HTTP调试与模拟插件。使用Postman可以进行API开发、请求、调试,除了它，还可以使用lnsomnia和Insomnia Designer作为API文档。

10. RedisDesktopManager (一款可视化 redis管理工具 )

Redis Desktop Manager是一款简单快速、跨平台的Redis桌面管理工具，也被称作Redis可视化工具，Redis Desktop Manager官方版是一款开源软件，支持通过SSH Tunnel连接，支持windows、mac等多平台。

11. Dash (基于MAC的 API文档浏览器和代码片段管理器)

“开发者不可或缺的杰作。”Dash 可让您的 Mac 即时离线访问 200 多个 API 文档集。立刻搜索离线文件集200层+的API ，100+备忘单和 href="">更多功能。您甚至可以"">生成自己的文档集或 href="">请求包含href="">文档集。

12. Fiddler & Wireshark (http抓包工具)

Fiddler和Wireshark都是进行抓包的工具:所谓抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,也用来检查网络安全。作为开发者，经常想调试一下http请求发送的数据的详情，那么可以使用这2款软件。用抓包工具wireshark的人相对来说更多一些。

13. HBuilder X (HTML5的Web开发工具)

当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。作为HBuilder下一代的全新编辑器，HBuilderX被定位为ide和编辑器的完美结合，除了对某种语言的语法分析、提示、转到定义、调试，同时加强了对通用文本处理能力，界面更加清爽，拥有比上一代更加有效的快捷键体系。

14. MobaXterm (远程终端控制软件,集串口,SSH远程登录和FTP传输三合一的工具)

多功能终端MobaXterm Professional Edition 是一款豪华、全功能的终端软件。MobaXterm带来了所有必要的Unix命令到Windows桌面，在开箱单便携式exe文件。MobaXterm允许您启动远程会话。远程shell，MobaXterm远比Putty好用，您可以选择创建SSH，远程登录，Rlogin，RDP，VNC，XDMCP，FTP，SFTP或串行会话。

15. Sublime Text (跨平台代码编辑器)

http://www.sublimetext.cn/

Sublime Text 是一款用于代码、标记和散文的精致文本编辑器。Sublime Text 中文网致力于为广大国内开发者提供详尽的中文文档、使用说明等,助力开发者快速掌握这个编辑器。

16.webstorm (专业的HTML编辑工具)

web开发的必备的一款开发神器，比如写js、页面、css，那么这款软件用起来非常顺手。此软件和idea出自于同一家公司，这家公司做了很多异常好用的软件，基本上你需要的各种开发相关的IDE，这家公司都生产。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript，TypeScript和CSS支持更好，改进了Vue.js的体验，并为Jest集成增加了新功能。

17.Xshell (功能强大的终端模拟器)

linux原创控制软件，完全免费且非常稳定的 SSH 客户端，支持多种远程协议，提供了很多特色与高级功能，简体中文界面也让你轻松管理远程服务器。 Xshell 的 Screen 会话不闪屏，而且可以回滚；Script 的执行顺序可以调整；可以同时发送指令到多个 session；支持布局切换等。

18. SwitchHosts (修改Hosts文件的工具)

这是用于在多个HOSTS之间进行切换。可在公用hosts文件、当前系统hosts、本地方案和在线方案间进行切换。作为一名开发人员，经常需要修改本地host，你还是通过修改host文件来操作的么？那样太慢了，这里建议大家使用switchhosts这款软件，可以快速修改本地host，非常好用。

其他工具：

1. CodeIf(智能命名) ： https://unbug.github.io/codelf

大部分开发者都或多或少遇到过变量命名的烦恼，如果命名不规范，不仅会影响开发的效率，而且对后面维护的同学来说也是一个不小的挑战，因为他要去揣摩你这个变量的含义。随着项目越来越复杂，变量和函数数量越来越多，虽然每个编程语言都有各种命名规范，但是也不能解决所有的问题。

“计算机科学里两件最难的事：缓存失效和命名。” Codelf通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project的项目源码，帮开发者从中找出已有的匹配关键字的变量名，从而帮助为变量名苦恼的开发者命名。这个搜索服务支持直接搜索中文。

同时可以在自己用的编辑器里安装插件，支持 VS Code、Atom、Sublime Text 和 Chrome。

2. DocsChina-印记中文： https://www.docschina.org

这是一个前端中文文档合集，进入网站可以看到开发中经常使用的前端中文文档。如果你的英文实在不怎么好，还在为找中文文档而烦恼，这里将是你非常好的选择。记得放到自己的浏览器收藏夹里哦！

3. any-rule(正则表达大全)： http://github.com/any86/any-rule

any-rule 维护了一个常用正则表达式合集，并且本身是一个支持 Web/VS Code/idea/Alfred Workflow 多平台的正则表达式工具。

4. tool.lu(在线工具)： https://tool.lu

程序员总是有很多小工具要使用，比如图片、Base64编码、Markdown编辑器时间戳转换，进制转换等，在线运行各种语言代码。这个网站包含了太多程序员需要用到的小工具了。比如你想运行点JAVA代码，又不想麻烦的在系统中安装JAVA环境，可以使用里边的在线运行代码工具，然后选择JAVA,写点JAVA代码就可以直接运行了。

5. Baomitu(前端静态源库)： https://cdn.baomitu.com

这个静态资源库是支持HTTP/2的CDN服务，有了它，如果你是自己的小型项目或者是做测试就不用下载任何的代码库，直接粘贴地址过来用就可以，因为是国内的CDN库，速度还非常的快。

6. Typora-Markdown(编写工具)：https://www.typora.io

一款实用的 Markdown 编写工具，所见即所得，用Markdown编写文章是一个程序员的标准配置，也就是标配。现在有很多在线工具都支持Markdown，什么有道云笔记、雀语，、印象笔记等。这种简单的界面，沉浸式的编写，清晰的大纲，它就像一件称手的兵器，让你一旦拥有就爱不释手。

7. Snipaste (简单便捷的截图软件)：https://zh.snipaste.com/download.html

一款免费的桌面截图软件，功能强大，使用方便，支持任何屏幕位置截图，支持窗口截图，支持快捷方式截图。您可通过截取贴图，使两张图合并为一张图，还能调整截图文字图像等等，是一款非常强大的贴图软件，喜欢此款贴图软件的朋友不要错过。

8. Captura (最好用的开源录屏、gif动态图片制作工具)

官网：https://captura.updatestar.com/ github：https://github.com/MathewSachin/Captura

通过这款工具可以帮助你轻松录制各种视频。支持全屏录制、区域录制两种方式，全屏录制可以录制全部的电脑屏幕，将电脑屏幕上所有的动态都录制下来,该软件还拥有视频编解码器，可以对视频进行解码，支持mp4、avi、GIF、webm等格式，可以满足一般的解码需要。还支持屏幕截图、剪贴板，简单的图像编辑等功能，是一款非常好用的屏幕录像工具。

9. 向日葵 (远程控制软件): https://sunlogin.oray.com/

向日葵远程控制是一款提供远程控制服务的软件。向日葵远程控制支持主流操作系统Windows、Linux、Mac、Android、iOS跨平台协同操作，在任何可连入互联网的地点，都可以轻松访问和控制安装了向日葵远程控制客户端的设备。整个远控过程，可通过浏览器直接进行，无需再安装软件。

10. Everything (本地文件检索工具):http://www.voidtools.com/support/everything/

由voidef="">tools 开发的一款文件搜索工具，这款软件是基于名称实时定位文件和目录。Everthing功能强大，体积小巧，第一次安装使用时会建立一个索引数据库，将所有文件和文件夹的名称导入其中，后续使用能够以极快的速度快速搜索，查找到你所需要的文件。

11. StarUML (UML画图工具)

画uml图的一款神器，类图、时序图、流程图、状态图等等，都可以用这款工具轻松应对。

12. uTools (生产力工具集):https://u.tools/

一个极简、插件化、跨平台的现代化桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。这个工具，我只能说他是一款神奇，太牛逼，这款工具中汇集了很多好用的工具，可以通过这款工具秒开电脑上的各种软件。

搜索资源网站工具：

1.Bing

Bing 国际版：https://cn.bing.com/ 感觉比某度要好用多了。

2.DuckDuckGo

DuckDuckGo：https://duckduckgo.com/ 从官网的介绍来看这个搜索引擎不收集用户信息，而且没有广告。

3.Stack Overflow

Stack Overflow：https://stackoverflow.com/ 我们如果常用 Google，很多技术问题的答案就在这个网站上，如果你无法使用 Google 可以在这个网站上直接检索就好了。

4.Gitlogs

Gitlogs：https://www.gitlogs.com/ Gitlogs 是专门针对 GitHub 项目的搜索引擎，我们通过他可以快速找到想要项目。

5.jiumo search

文档搜索引擎 jiumo search 鸠摩搜书：https://www.jiumodiary.com/ 可以用来找一些技术文档手册，很多在百度网盘里。

6.Ebooke

Ebooke：https://ebookee.org/ Ebookee 是一个基于互联网并提供免费电子图书下载的搜索引擎网站。

7.Iconfinder

图标搜索：https://www.iconfinder.com/ 用来查找 logo 图片。

8.TinEye

TinEye：https://www.tineye.com 用图片来检索图片，我们可以上传图片或输入图片的 URL 来检索。

9.SemanticScholar

SemanticScholar：https://www.semanticscholar.org/ SemanticScholar 是一个免费学术搜索引擎，其检索结果来自于期刊、学术会议资料或者是学术机构的文献。

10.LibreStock

LibreStock：https://librestock.com/ LibreStock 上可以检索一些优质的高清图片。

11.CC Search

CC Search：https://ccsearch.creativecommons.org/ CC Search 上搜索到的图片资源都是无版权的，我们可以免费的使用。

12.Pexels

Pexels：https://www.pexels.com/ 高质量的图片网站，可以免费使用。

13.Unsplash

Unsplash：https://unsplash.com/ 免费高清素材网站。

14.The App Store

The App Store：https://theappstore.org/ The App Store 是一个针对苹果手机、iPad、Mac 设备的应用搜索工具。

在线画图工具：

• 在线画图工具ProcessOn：https://www.processon.com/

• 在线画图工具draw.io：https://app.diagrams.net/

• 在线思维导图工具：http://www.mindline.cn/webapp

• PlantUML在线编辑器：http://haha98k.com/

在线开发辅助工具：

日常开发经常会用到一些辅助工具我总结为8大类，包括：编解码工具、转换工具、正则工具、编译工具、网络工具、格式化工具、可视化工具、在线生成器、以及其他工具等等。具体列表如下:

在线编码工具：

• BASE64编解码工具：https://base64.supfree.net/

• MD5编码工具：https://www.zxgj.cn/g/md5

• AES/DES加解密：http://www.fly63.com/tool/cipher/

• JWT解码工具：http://jwt.calebb.net/

• ASCII编解码工具：https://www.matools.com/code-convert-ascii

• Unicode编解码工具：https://www.zxgj.cn/g/unicode

• UTF-8编解码工具：https://www.zxgj.cn/g/utf8

• 字符串编解码工具：https://www.zxgj.cn/g/enstring

• URL编解码工具：http://tool.chinaz.com/tools/urlencode.aspx？jdfwkey=lbixz1

在线转换工具：

•在线ASCII码对照表：http://www.fly63.com/tool/ascii/

• 通用进制转换工具：https://www.zxgj.cn/g/jinzhi

• 在线浮点数十进制转换：http://www.binaryconvert.com/

• RGB颜色转换：https://www.zxgj.cn/g/yansezhi

• 时间戳转换工具：https://www.zxgj.cn/g/unix

• 计量单位换算工具：http://www.fly63.com/tool/unitable/

• 在线JSON解析：http://www.json.cn/

• 在线JS代码格式化工具：https://prettier.io/playground/

• SQL压缩/格式化工具：https://www.zxgj.cn/g/sqlformat

• JSON和XML在线转换：https://www.zxgj.cn/g/jsonxml

• JSON/YAML在线转换：http://www.fly63.com/tool/jsonyaml/

• 人民币大小写转换工具：http://www.fly63.com/tool/renmingbi/

正则表达式工具：

• 正则表达式调试工具：https://regexr.com/

• 正则表达式可视化工具：https://jex.im/regulex/

网络工具：

• IP地址归属地查询：https://www.ip138.com/

• IP地址查询：https://www.ipip.net/ip.html

• HTTP在线接口测试工具：http://www.fly63.com/php/http/

在线编译运行工具：

• C#在线编译运行：https://rextester.com/

• C/C++在线编译调试：https://www.onlinegdb.com/

• 在线编译工具套装：https://c.runoob.com/

可视化/格式化工具：

• 在线前端编辑器: https://codepen.io/

• 在线数据可视化：https://flourish.studio/

• 在线JSON解析：http://www.json.cn/

• 在线CSS代码可视化工具：https://enjoycss.com/

• XML格式化工具：https://www.zxgj.cn/g/xmlformat

• 在线JS代码格式化工具：https://prettier.io/playground/

• SQL压缩/格式化工具：https://www.zxgj.cn/g/sqlformat

• JSON和XML在线转换：https://www.zxgj.cn/g/jsonxml

• JSON/YAML在线转换：http://www.fly63.com/tool/jsonyaml/

在线生成器：

UUID在线生成器：https://www.zxgj.cn/g/uuid随机数生成器：https://www.zxgj.cn/g/suijishu

其他常用工具：

在线Nginx配置工具：https://nginxconfig.io/在线对比工具：http://www.fly63.com/tool/textdiff/在线Chrome浏览器插件：https://www.crx4chrome.com/在线接口文档管理工具：http://www.docway.net/

在线素材工具：

如果你写文章，或者做视频，那就一定少不了要找素材，包括各种图片、背景、emoji表情、表情包、壁纸、视频、gif图等等。

• 免费透明背景图片素材：http://pngimg.com/

• Emoji表情搜索：https://emoji.svend.cc/

• Emoji表情包下载：https://emojiisland.com/

• open source icons：https://feathericons.com/

• 表情包在线网站：https://fabiaoqing.com/

• 免费PNG图片库：https://pluspng.com/

• ICON图标在线下载：https://www.iconfinder.com/

• 极简壁纸：https://bz.zzzmh.cn/

• Wallpaper Abyss壁纸：https://wall.alphacoders.com

• Pixabay图片素材库：https://pixabay.com/zh/

• Unsplash图片素材库：https://unsplash.com

• Pexels图片素材库：http://www.pexels.com

• NASA图片视频素材库：https://images.nasa.gov

设计制作类工具：

对于那些文章创作者和视频创作者而言，设计封面，做海报，设计LOGO，图片美化等等基本也是刚需。

这样大概率日常会用到一些简易好上手的在线设计制作类工具，比如在线P图、音/视频轻量化剪辑、logo制作、海报设计制作、图片美化、在线图片转换或生成等等。

• 在线PS：https://www.uupoop.com/

• 在线音频剪辑：https://www.weixinsyt.com/

• 在线视频剪辑：https://www.kapwing.com/

• 免费logo在线制作：http://www.uugai.com/

• 艺术字体在线生成：https://www.qt86.com/

• 在线表格转换工具: https://tableconvert.com/

• 在线海报设计工具: https://www.designcap.com/

• 图片智能放大工具：https://bigjpg.com/

• 二维码美化器：https://mh.cli.im/

• 在线代码截图工具：https://carbon.now.sh/

• 在线抠图工具：https://www.remove.bg/zh

• ICO图标在线生成：http://www.fly63.com/php/ico/

• SVG转PNG工具：http://www.fly63.com/tool/svg2img/

• 视频转GIF工具：http://www.fly63.com/tool/giftxt/

• 二维码在线生成器：http://www.fly63.com/tool/ewm/

• 二维码在线解码：http://www.fly63.com/php/decoder/

写辅助工具：

写文章的过程中经常会用到和写作相关的辅助工具，比方说：字数统计工具、Markdown格式的文章排版工具、图床网站、代码截图工具等等，所以下面这些在线工具就能很好地满足我的需求。

• 在线字数统计：https://www.eteste.com/

• mdnice markdown排版工具：https://mdnice.com/

• md2all markdown排版工具：http://md.aclickall.com/

• 在线图床神器：https://picx.xpoet.cn/

• 在线免费图床：https://sm.ms/

• 图壳图床：https://imgkr.com/

• 在线代码截图工具：https://carbon.now.sh/

• 在线短链接工具：https://urlify.cn/

• 在线文本替换：http://www.fly63.com/tool/textreplace/

在线办公工具：

部分在线工具主要用来处理一些和文档以及文稿相关的事情，经常用到的比如：在线的全套pdf处理和转换工具、各种各样多媒体文件间的相互转换工具、在线识别工具、在线压缩工具等等。

• pdf在线处理工具1：https://smallpdf.com/cn/pdf-tools

• pdf在线处理工具2：https://tools.pdf24.org/zh/

• pdf转word在线工具：https://www.pdftoword.com/

• 在线多媒体转换器合集：https://cn.office-converter.com/

• 在线文字识别工具：https://ocr.wdku.net/

• 在线文件压缩工具：https://docsmall.com/

文档笔记工具：

好记性不如烂笔头，作为一个学习者，我觉得记笔记是必不可少的步骤。当然现在基本都做电子笔记和电子文档比较多。现如今各式各样优秀的文档工具和笔记软件鳞次栉比，好用的也有很多，整理成如下列表，这东西各有长处，使用哪个最合意还得看个人习惯和需求了。

• 印象笔记：https://www.yinxiang.com/

• 有道笔记：https://note.youdao.com/

• OneNote：https://www.onenote.com/

• 幕布：https://mubu.com/

• 为知笔记：https://www.wiz.cn/

• 石墨文档：https://shimo.im/

• Simplenote：https://simplenote.com/

• 语雀：https://www.yuque.com/

编程学习网：

• 哔哩哔哩：https://www.bilibili.com/

• C语言网：https://www.dotcpp.com/

• cppreference：http://zh.cppreference.com/

• 中国大学MOOC：https://www.icourse163.org/

• 牛客网：www.nowcoder.com

• 网易公开课：open.163.com

• CodeGym：https://codegym.cc/

• BeginnersBook：https://beginnersbook.com/

• JavaSED：http://www.javased.com/

• codecademy：https://www.codecademy.com/

• Coursera：https://www.coursera.org/

• StackOverFlow：https://stackoverflow.com/

• LeetCode：https://leetcode-cn.com/

• LintCode：https://www.lintcode.com/

在线教程文档：

这部分主要集中了在做开发过程中随手参考所要用到的几乎所有在线教程和官方文档，有中文版文档的基本都优先列出来了，但更多时候是英文的官方文档。

• Git中文教程：https://git-scm.com/book/zh/v2

• SVN中文手册：http://svnbook.red-bean.com/nightly/zh/index.html

• jQuery API中文文档：https://jquery.cuishifeng.cn/

• Nginx中文文档：https://www.nginx.cn/doc/index.html

• Kafka中文文档：https://kafka.apachecn.org/

• Mybatis中文文档：https://mybatis.org/mybatis-3/zh/index.html

• 微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/

• Nodejs中文教程文档：http://nodejs.cn/learn

• Apache Web Server文档：http://httpd.apache.org/docs/

• Spring文档中文版：https://www.springcloud.cc/spring-reference.html

• Golang标准库文档中文版：https://studygolang.com/pkgdoc

• Java 8官方文档：https://docs.oracle.com/javase/8/docs/api/index.html

• Maven官方文档：http://maven.apache.org/guides/

• Tomcat 8官方文档：http://tomcat.apache.org/tomcat-8.0-doc/index.html

• Spring Boot官方文档：https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/

• RabbitMQ官方文档：https://www.rabbitmq.com/documentation.html

• RocketMQ官方文档：http://rocketmq.apache.org/docs/quick-start/

• Dubbo中文文档：https://dubbo.apache.org/zh/docs/

• Netty官方文档：https://netty.io/wiki/index.html

• Elasticsearch官方文档：https://www.elastic.co/guide/en/elasticsearch/reference/current/index.html

• Spring Cloud官方文档：https://spring.io/projects/spring-cloud

• Docker官方文档：https://docs.docker.com/get-started/

• kubernetes中文文档：https://kubernetes.io/zh/docs/home/

• thymeleaf官方文档：https://www.thymeleaf.org/documentation.html

• Vue.js中文文档：https://cn.vuejs.org/v2/guide/

• React.js官方文档：https://reactjs.org/docs/getting-started.html

• Jenkins中文文档：https://www.jenkins.io/zh/doc/

华为云平台：

高效易用的低代码aPaaS平台-应用魔方AppCube：https://www.huaweicloud.com/product/appcube.html集华为研发实践、前沿研发理念、先进研发工具为一体的软件开发平台-软件开发平台 DevCloud：https://www.huaweicloud.com/devcloud/

以上内容分享自华为云社区《吐血整理：程序员都在用什么工具？》，作者：考过IE励志当攻城狮，部分内容整理自互联网~

－－－－－

网友解答：

－－－－－

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

编辑器——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：你只需要添加到你的浏览器书签中,在任何需要调试的页面点击这个书签,它就能够帮助你列出目前页面出现的性能问题。

本文为作者“一个程序员的奋斗史”悟空问答原创文章，未经允许转载、抄袭必究！

－－－－－

网友解答：

－－－－－

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

代码编辑器

VS Code

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

Sublime Text

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

IDE环境

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