分前端、后端、通用开发、运维调试、数据库、接口测试、版本协作七大板块,覆盖日常编码、调试、部署、协作全流程,包含新手入门 & 企业级专业工具。
一、前端开发工具
1. 代码编辑器 / IDE
VS Code(首选,全平台免费)
轻量、插件生态极强,支持 Vue/React/TS/HTML/CSS,前端标配。
必备插件:Vetur/Volar、ESLint、Prettier、Live Server、GitLens
WebStorm(JetBrains 付费专业 IDE)
对 Vue、React、TypeScript 原生深度支持,内置格式化、语法校验、调试,适合大型前端项目。
Sublime Text
超轻量启动快,适合快速改代码、静态页面。
2. 项目构建 & 包管理
npm / yarn / pnpm:前端包管理器,pnpm 速度最快、磁盘占用最低,现在主流推荐 pnpm
Vite:新一代构建工具,开发服务器秒启动,Vue/React 项目首选
Webpack:传统打包工具,老项目、复杂工程化项目仍大量使用
Rollup:库打包工具,用于封装 UI 组件库、SDK
3. 框架 & UI 组件库
Vue 生态:Vue3、Element Plus、Ant Design Vue、NaiveUI
React 生态:React、Ant Design、MUI、Chakra UI
移动端:Vant、UniApp、Taro
4. 浏览器调试工具
Chrome DevTools:浏览器自带,调试 JS、CSS、网络请求、性能分析
Vue DevTools / React DevTools:浏览器插件,可视化调试组件状态、Props
5. 样式工具
PostCSS、Tailwind CSS:原子化 CSS,大幅提升写样式效率
Sass/Less:CSS 预处理器
二、后端开发工具(Java/Go/Python 为主)
1. 后端 IDE
IntelliJ IDEA(Java 后端天花板)
原生支持 SpringBoot、Maven/Gradle、MyBatis,内置数据库连接、调试、重构工具,企业 Java 开发标配。
VS Code:轻量后端开发,安装对应插件即可写 Java/Go/Python
GoLand:JetBrains 专门 Go 语言 IDE
PyCharm:Python 后端、数据分析专用 IDE
Eclipse / Spring Tools 4:免费 Java 开发工具,老项目、开源项目常用
2. 项目构建 & 依赖管理
Java:Maven、Gradle
Go:Go Modules
Python:pip、poetry
3. 服务 & 中间件客户端工具
Redis Desktop Manager (RDM) / Another Redis Desktop Manager:Redis 可视化客户端
RabbitMQ Management、Kafka Tool:消息队列可视化工具
Nacos Console、Apollo:配置中心后台
三、通用开发工具(前后端都用)
1. 版本控制 Git
Git:底层版本管理工具
Git GUI 工具:
GitKraken:界面美观,跨平台
SourceTree:免费,轻量,Windows/Mac 通用
GitLens(VSCode 插件):编辑器内直接看提交记录
2. 接口测试工具(前后端联调核心)
Postman:老牌接口测试,支持接口集合、环境变量、自动化测试
Apifox(强烈推荐,国产替代 Postman)
一体化工具:接口文档 + 调试 + Mock + 自动化测试,支持导入 OpenAPI,团队协作友好,免费版足够个人开发
Insomnia:轻量开源接口调试工具
IDE 内置 HTTP 工具:IDEA/VS Code 内置 http 客户端,直接写.http 文件调试接口
3. Mock 工具(前端独立开发,无需后端)
Apifox Mock、Easy Mock、Mock.js
快速生成模拟接口数据,前端本地调试页面
4. 数据库工具
DBeaver(免费通用,全平台首选)
支持 MySQL、PostgreSQL、Oracle、SQLServer、SQLite 等几乎所有数据库,可视化建表、写 SQL、导出数据。
DataGrip(JetBrains 付费,配合 IDEA 生态)
SQL 语法提示、重构、性能分析更强,适合复杂数据库项目
Navicat:老牌数据库可视化工具,操作简单,商用付费
HeidiSQL:Windows 免费轻量 MySQL 客户端
四、接口文档 & 团队协作工具
Swagger / SpringDoc OpenAPI:后端自动生成接口文档,Java SpringBoot 标配
Knife4j:基于 Swagger 美化 UI,国内项目广泛使用
YApi:开源团队接口管理平台,可 Mock、管理接口版本
Confluence:团队文档、需求、技术方案沉淀
Jira:项目任务、bug 跟踪管理
五、运维、容器、部署工具
前后端开发都会接触本地部署、测试环境调试
Docker + Docker Desktop:容器化,统一开发环境,Windows/Mac 可视化管理容器
Kubernetes(k8s):容器编排,线上集群部署
Xshell / FinalShell / SecureCRT:远程 Linux 服务器连接工具,FinalShell 自带文件传输
MinIO:对象存储,本地快速搭建文件存储服务
Nginx:反向代理、静态资源服务器、负载均衡
六、API 加密、抓包调试工具
Fiddler(Windows)、Charles(Mac/Windows):抓包工具,拦截、修改请求响应,前后端排查接口异常必备
Wireshark:底层网络抓包,排查 TCP/HTTP 网络问题
Postman/Apifox 自带加解密:AES、RSA、MD5 等加密调试
七、其他实用辅助工具
Notion / Obsidian:个人笔记、技术知识库
Draw.io / Excalidraw:免费画流程图、架构图、ER 图,写方案必备
JSON 格式化工具:JSON.cn、VSCode 内置格式化,快速美化 JSON 字符串
FileZilla:FTP/SFTP 文件传输工具
Typora:Markdown 编辑器,写接口文档、技术文档
快速选型建议
前端开发:VS Code + Apifox + Chrome DevTools
Java 后端:IDEA + DBeaver + FinalShell + Docker Desktop
接口联调统一工具:Apifox(替代 Postman,文档调试一体)
数据库通用免费工具:DBeaver
容器本地开发:Docker Desktop
远程服务器:FinalShell(国产,免费好用)