前端开发常用哪些工具软件？

前端开发必备工具，一篇文章一网打尽

文章目录

           一、前端提高“生产力”工具

1.WebStorm

2. 远程开发 - VSCode

3. 接口测试 - Postman

4.API在线文档生成和测试 - SwaggerUI

5.抓包工具 - Wireshark

6.通用数据库管理 - DBeaver

7.MD编辑器 - Typora

8.虚拟机 - VirtualBox

9.Git存储库托管 - GitHub

10.项目管理 - Trello

二、提升前端技能的26个网站，走过路过不错过：

三、前端真香教程

---

一、前端提高“生产力”工具

1.WebStorm

下载地址：WebStorm: The Smartest JavaScript IDE, by JetBrains

功能介绍：

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。官方提供的插件支持，满足许多不会配置的同学，ESlint，词法高亮，emmet，CSS预处理器，新版本也添加了对ES6的支持，内建了服务器调试。

目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

2. 远程开发 - VSCode

Visual Studio Code - Code Editing. Redefined

VSCode 是目前最受开发人员欢迎的编码工具之一，具备强大便捷的远程开发能力。与其它远程开发工具不同的是，VScode 是通过 SSH(Secure Shell) 的方式连接到远程服务器。这种方式不仅省略了繁琐的上传和下载步骤，还可以实现实时同步，让远程开发过程更流畅高效。

功能特色：

• 开源工具，可免费使用

• 支持自定义配置

• 可集成Git

• 支持各种文件格式（html/jade/css/less/sass/xml）

• 调试功能强大

• 插件生态机制强大

3. 接口测试 - Postman

https://www.getpostman.com

Postman 提供功能强大的 Web API 和 HTTP 请求调试，提供有 Chrome 扩展插件版和独立的APP，对于检查后端端点非常有用。

​功能特色：

• 支持多种请求类型（get、post、put、patch、delete 等）

• 支持在线存储数据和迁移数据

• 支持请求 header 和请求参数的设置

• 支持不同的认证机制（Basic Auth，Digest Auth，OAuth 1.0，OAuth 2.0 等）

• 响应数据自动按照语法格式高亮，包括 HTML，JSON 和 XML

4.API在线文档生成和测试 - SwaggerUI

http://swagger.io

SwaggerUI 是一个 API 在线文档生成和测试的利器。有了这款工具，不需要频繁更新接口文档，就能保证接口文档与代码的一致。

功能特色：

• 支持在多种开发环境中使用

• 操作便捷

• 支持所有主流浏览器

• 完整的OAS支持

5.抓包工具 - Wireshark

https://www.wireshark.org/download.html

Wireshark 是一款小巧、开源且能在几乎所有流行操作系统下使用的抓包工具软件。使用Wireshark 可以截取各种网络封包，显示网络封包的详细信息。可以在Windows和Mac OS上运行。

​

功能特色：

• 快速检测网络问题

• 快速检查信息安全相关问题

• 新通信协议调试