易君召
易君召
发布于 2026-11-07 / 1 阅读
0

Web 应用开发常用工具清单

按前端、后端、数据库、容器 & 部署、版本控制、API 调试、测试、监控、IDE & 编辑器、辅助工具分类整理,覆盖传统 Web、前后端分离、微服务场景。

一、IDE / 代码编辑器

  • VS Code:最主流,插件生态极强,前端 / Java/Python/JS/TS 全栈通用

  • IntelliJ IDEA / IDEA Community:Java、SpringBoot 后端首选

  • WebStorm:JS/TS/Vue/React 前端专用 IDE

  • PyCharm:Python Web(Django、FastAPI、Flask)

  • Sublime Text:轻量编辑器

  • Vim / Neovim:服务器端、重度玩家

二、前端开发工具

框架 & 构建工具

  • 构建打包:Vite、Webpack、Rollup、esbuild、Turbopack

  • 前端框架:Vue3、React、Svelte、SolidJS

  • CSS:Tailwind CSS、UnoCSS、SCSS/Sass、Less、PostCSS

  • UI 组件库:Element Plus、Ant Design、NaiveUI、Shadcn/ui、MUI

  • 路由:Vue Router、React Router

  • 状态管理:Pinia、Zustand、Redux、Jotai

前端辅助

  • 类型:TypeScript

  • 代码格式化 / 规范:Prettier、ESLint、Stylelint

  • 模拟数据:Mock.js、MSW(Mock Service Worker)

  • 浏览器调试:Chrome DevTools、Firefox DevTools

  • 跨端:Electron、Tauri

三、后端开发工具

语言 & 框架

  • Java:SpringBoot、SpringCloud、Spring AI、MyBatis-Plus、JPA

  • Go:Gin、Echo、Beego

  • Python:FastAPI、Django、Flask

  • Node.js:Express、NestJS、Koa

  • .NET:ASP.NET Core、Aspire

  • PHP:Laravel、ThinkPHP

后端常用库

  • ORM:MyBatis、Hibernate、Prisma、GORM、SQLAlchemy

  • 工作流:Flowable、Camunda

  • 消息队列客户端:Kafka Client、RocketMQ、RabbitMQ SDK

四、数据库 & 缓存

关系型数据库

MySQL、PostgreSQL、Oracle、SQL Server、openGauss、达梦

非关系型

Redis(缓存)、MongoDB、Elasticsearch(检索)、ClickHouse(OLAP 分析)

数据库管理客户端

  • DBeaver(跨库通用,强烈推荐)

  • Navicat、DataGrip、TablePlus、Redis Insight、MongoDB Compass

数据库迁移

Flyway、Liquibase、Alembic

五、版本控制 & 协作

  • Git:核心版本工具

  • 代码仓库:Gitee、GitHub、GitLab、Gitea

  • Git 可视化:Sourcetree、GitKraken、TortoiseGit

六、API 调试 & 文档

  • Postman

  • Apifox(国内,接口文档 + 调试 + Mock 一体化)

  • Insomnia

  • curl /httpie(命令行)

  • Swagger / OpenAPI、Knife4j、SpringDoc、Redoc

七、服务器、反向代理 & Web 服务

  • Nginx(反向代理、静态资源、负载均衡)

  • Caddy(自动 HTTPS,简单)

  • Apache httpd

  • Tomcat、Undertow、Jetty(Java 容器)

八、容器、编排、CI/CD(云原生部署)

  • Docker:容器打包

  • Docker Compose:本地多容器编排

  • Kubernetes (K8s):生产编排

  • 镜像仓库:Harbor、Docker Hub、阿里云镜像仓库

  • CI/CD:Jenkins、GitLab CI、GitHub Actions、ArgoCD

  • 制品:JFrog Artifactory、Nexus

九、测试工具

单元测试

  • 前端:Vitest、Jest

  • Java:JUnit 5、AssertJ、Mockito

  • Go:testing 包、Testify

  • Python:pytest

接口自动化

  • JMeter(压测)、k6(现代化压测)

  • RestAssured(Java 接口测试)

E2E 端到端

  • Playwright、Cypress、Selenium

性能剖析

  • JProfiler、Arthas(Java 线上诊断)

十、监控、日志、可观测性

  • 监控告警:Prometheus + Grafana、Alertmanager

  • 日志:ELK (Elasticsearch+Logstash+Kibana)、Loki

  • 链路追踪:SkyWalking、Jaeger、Pinpoint

  • 主机监控:Node Exporter、Netdata

十一、网络 & 安全工具

  • Fiddler、Charles:抓包

  • OWASP ZAP:Web 安全扫描

  • Burp Suite(渗透测试)

  • mkcert:本地 HTTPS 证书

十二、其他实用辅助工具

  • 接口文档:Markdown、YApi

  • 设计:Figma、Sketch、Pixso

  • 流程图架构图:Draw.io(Diagrams.net)、Mermaid

  • JSON 格式化:JSON.cn

  • 编码工具:Base64、RSA/AES 加解密工具


本文原创作者:易君召,详见:https://www.yijunzhao.cn/authors/yijunzhao,转载请注明出处。

原文链接 https://www.yijunzhao.cn/archives/web-application-development-common-tools-checklist

欢迎访问 小易撩挨踢

https://www.yijunzhao.cn/