开发工具资源
约 1322 字大约 4 分钟
2025-01-15
收集整理的常用开发工具、组件库、设计资源等链接。
前端 UI 组件库
查看完整的前端 UI 组件库列表，请访问 前端 UI 组件库大全
包含：
- Vue UI 组件库（Element Plus、Naive UI、Ant Design Vue 等）
- React UI 组件库（Ant Design、Material-UI、Chakra UI 等）
- 移动端组件库（Vant、NutUI、Ant Design Mobile 等）
- 小程序组件库（WeUI、ColorUI、Taro UI 等）
- CSS 框架（Bootstrap、Tailwind CSS、Bulma 等）
设计资源
色彩与图标
- 中国传统颜色手册 - 中国传统色彩参考
- 阿里巴巴矢量图标库 - 丰富的图标资源
- Google Icons - Material Design 图标
设计灵感
- Kenta Toshikura Portfolio - 炫酷动画网站示例
- David HCKH - 3D 创意网站
- 设计清单 - 设计项目检查清单
AI 工具
- ChatGPT - OpenAI 聊天机器人
- DeepSeek - 深度求索 AI
- Perplexity - AI 搜索引擎
- Bolt - AI 网站构建工具
- CopyCoder - 网页代码复制 AI
开发文档
前端框架
- 菜鸟教程 - 编程入门教程网站，涵盖前后端各种语言
- Vue.js 官方文档 - Vue 3 中文官方文档
- Vue 2 文档 - Vue 2 中文官方文档（维护模式）
- React 官方文档 - React 中文官方文档
- Flutter 中文文档 - Flutter 官方中文教程
- Flutter 实战 - Flutter 中文社区教程
- uni-app 文档 - 跨平台应用框架
开发工具
- VSCode 官方文档 - Visual Studio Code 官方文档
- VSCode 插件市场 - VSCode 扩展插件市场
- VSCode 中文文档 - VSCode 中文社区文档
VSCode 实用插件
- Tailwind Skeleton Generator - 快速生成 Tailwind CSS 骨架屏组件
小程序开发
- 微信小程序文档 - 官方开发文档
- 微信公众平台 - 公众号管理平台
- Telegram Bot API - Telegram 机器人 API
实用工具
在线工具
代码仓库
前端可视化 / 数据图表
适合做数据展示、交互效果
- ECharts - 百度开源的可视化图表库
- D3.js - 强大的数据驱动可视化库
- Chart.js - 简单易用的图表库
- Three.js - 3D WebGL 渲染库
- L7 - 地理可视化地图框架（蚂蚁金服）
前端动画 / 动效库
适合丰富网页视觉体验和交互效果
动画库
- GSAP - 高性能动画库，业界标准
- Anime.js - 轻量级多功能动画库
- Velocity.js - 高性能动画引擎，兼容 jQuery
- Lottie - Airbnb 出品，支持 AE 动画
- Popmotion - 函数式动画库
- Mo.js - 运动图形动画库
- Typed.js - 打字机效果动画
- AniJS - 声明式动画库，无需 JS 代码
- Framer Motion - React 动画库（也有纯 JS 玩法）
- ScrollMagic - 滚动交互动画库
- Motion One - 新一代轻量级动画库
- Hover.css - CSS 悬停特效合集
- ScrollReveal - 滚动触发动画
动画资源与工具
- Motion Examples - Vue/JS 动画示例
- Animista - CSS 动画生成器
- Lottie Files - Lottie 动画资源库
- Inspira UI - 炫酷动画组件
- Visualization Collection (React) - 前端视觉效果集合，100+ 案例
- Visualization Collection (Vue) - Vue 版本视觉效果集合
在线代码编辑 / 预览
方便调试和分享代码
- CodePen - 前端在线编辑器
- JSFiddle - 在线运行 HTML/CSS/JS
- StackBlitz - 在线开发 Vue、React、Angular
- CodeSandbox - 云端代码沙箱
- PlayCode - 即时预览的前端编辑器
前端性能优化 / 测试工具
让网站更快更稳定
- Lighthouse - Google 网站性能分析
- PageSpeed Insights - 网站速度测试
- WebPageTest - 详细网站加载分析
- GTmetrix - 性能与优化建议
- Bundlephobia - NPM 包体积分析
前端素材 / 模板
加快开发效率
- HTMLrev - 网页模板大全，海量免费模板资源
- HTML5 UP - 免费 HTML 模板
- Tailwind UI - Tailwind 官方付费模板
- BootstrapMade - 免费 Bootstrap 模板
- UI Kit - 轻量化 UI 框架
- Freepik - 设计素材库
API / 后端相关工具
方便前端联调和数据测试
- Postman - API 调试工具
- Hoppscotch - 开源 API 请求工具
- Mocky - 在线生成 Mock API
- JSONPlaceholder - 免费假数据 API
后台管理系统
- Vben Admin - 基于 Vue3 的后台管理系统
- Vue Admin 大全 - Vue 后台管理系统集合
NPM 包推荐
查看完整的 NPM 包推荐列表，请访问 NPM 包推荐与包管理工具
包含：
- 包管理工具详解（npm、pnpm、yarn、npx、nvm 等）
- 实用工具库（日期处理、动画、拖拽、图表等）
- 开发工具（构建工具、代码质量、测试工具等）
- Vue/React 生态包推荐