前端工具网站大全

Vercel

vercel.com

专注前端部署与项目托管的开发平台，支持全球智能分发、弹性扩容、AI模型网关，覆盖个人博客搭建、企业官网上线、复杂Web应用部署等场景，累计支撑超百万级并发访问量，可帮助开发者简化从代码提交到全球上线的全流程，轻松实现从0到高流量的稳定运行。

CodePen

codepen.io

专注前端在线开发的工具平台，支持实时代码编辑、作品分享、开源组件复用，覆盖前端练手、原型调试、灵感获取场景，累计拥有超5000万份代码作品，帮助开发者免去本地环境搭建繁琐步骤，快速实现代码效果预览与创意落地。

Netlify

www.netlify.com

专注前端开发部署的平台，支持Git自动部署、静态文件拖拽上传、边缘计算能力，覆盖个人项目上线、团队协作部署、静态站点托管等场景，平台可用性稳定在99.99%，累计部署应用超6000万款，帮助开发者简化部署流程、提升站点访问速度。

Playwright

playwright.dev

专注前端自动化测试的工具，支持多浏览器兼容测试、多语言脚本编写、网页调试，覆盖前端兼容性验证、项目自动化测试、开源项目调试等场景，GitHub星标超9.3万，帮助用户免去手动重复测试流程，提升测试效率与覆盖范围。

React

reactjs.org

前端开发工具。支持组件化拆分功能逻辑，可实现多端适配开发，兼顾网页端与原生端界面搭建；具备标准化协作规范，能理顺团队开发流程。Meta经超10万组件验证其运行稳定性，每月超200万开发者查阅官方文档，可有效降低开发团队协作成本

Angular

angular.io

专注前端应用开发的TypeScript框架，支持响应式系统、控制流工具、企业级架构适配，覆盖个人练习demo开发、中小团队快速迭代、大厂多人协作等场景，全球超百万开发者日常使用，可打造性能稳定、扩展性强的前端应用。

Next.js

nextjs.org

专注React全栈开发工具，提供内置路由管理、服务端渲染优化、数据获取整合功能，覆盖企业级Web项目搭建、前端工程化改造、快速原型开发等场景，累计服务超20万前端开发者，可节省70%项目适配调试时间，帮助开发者聚焦业务逻辑开发。

Selenium

www.selenium.dev

专注Web自动化测试的开源工具，提供WebDriver、IDE、Grid核心组件，支持多语言脚本编写、多浏览器适配、分布式测试执行，覆盖浏览器兼容调试、脚本维护优化、批量测试执行场景，累计下载超10亿次，帮助团队解决测试效率低、维护难等问题

Cypress

www.cypress.io

专注前端测试的JS自动化测试工具，支持测试流程全链路录制、浏览器端实时调试、CI流水线无缝对接核心功能，覆盖单元测试、集成测试、端到端测试全场景，GitHub星标超5万、周下载量超600万，可有效降低前端测试代码编写门槛，减少测试场景遗漏

Locust

locust.io

专注后端服务性能压测，支持Python脚本编写压测逻辑、分布式并发部署、百万级流量模拟，覆盖企业系统性能调优、上线前瓶颈排查、高负载场景验证等场景，帮助开发者省去复杂配置编写工作，累计被超万家企业用于实战压测

Jest

jestjs.io

专注前端JavaScript测试的开源工具，支持快照测试、代码覆盖率统计、多框架适配，覆盖React/Vue项目测试、前端代码bug排查、开发流程提效场景，累计服务超800万前端开发者，可节省70%测试编写时间，保障项目代码质量稳定性。

Tailwind CSS

tailwindcss.com

面向前端开发的CSS实用框架，核心是将常用样式封装为原子化功能类，开发者无需从零编写自定义CSS代码，直接在HTML文件中调用w-、bg-、text-等预设类名组合，即可快速完成页面样式搭建，是前端工具领域的优质平台。

Mocha

mochajs.org

面向前端与Node.js开发的JavaScript测试框架，可帮助开发者快速落地标准化项目测试流程，支持异步代码验证、前端单元测试、后端接口测试等多元场景，适配不同规模项目的开发节奏，同时开放高度自定义配置能力

SonarSource

sonarsource.com

专注代码质量管控的研发效能提升平台，支持自动化代码漏洞扫描、技术债务全链路梳理，适配React、Vue等主流前端框架，可无缝对接各类CI/CD研发流程，覆盖需求迭代、代码提交、集成测试、上线发布全研发场景

CodeClimate

codeclimate.com

代码质量检测工具 CodeClimate可自动扫描前端代码，输出质量评级、统计测试覆盖率、排查潜在漏洞，适配Vue、React及原生JS等多种前端项目，覆盖个人开发与团队协作场景，帮助开发者提前拦截线上bug，优化代码可维护性

k6

k6.io

专注前端性能测试的工具，支持JS脚本编写、本地调试验证、云端大规模压测，覆盖接口性能测试、页面加载性能优化、全链路性能排查场景，累计服务超8万开发者，可快速定位性能瓶颈并完成优化，帮助开发者提升系统运行稳定性与加载速度。

Vite

vitejs.dev

前端构建开发工具，依托原生ESM模块实现极速热更新，支持多框架适配，覆盖新项目搭建、开发调试、生产打包全场景，服务超200万前端开发者，可降低配置成本，让开发者聚焦核心业务代码编写，适配Vue、React等主流前端框架

ESLint

eslint.org

专注前端代码校验工具，支持语法错误排查、格式规范校验、自定义规则配置，覆盖本地开发调试、团队协作编码、CI/CD流程集成等场景，累计服务超1200万前端开发者，可减少85%格式类返工耗时，帮助开发者养成统一编码习惯。

Bundlephobia

bundlephobia.com

专注前端开发者打包体积分析工具，支持npm包体积查询、多包打包表现对比、压缩/解析体积数据查看，覆盖前端依赖选型、项目性能优化、第三方包评估场景，累计服务超8万前端开发者，可帮助精准筛选轻量依赖，降低项目加载耗时。

Vant

vant-ui.github.io

Vant是轻量级可定制的移动端Vue组件库，于2017年开源，官方提供Vue2、Vue3和微信小程序版本，社区维护React和支付宝小程序版本，拥有70多个高质量组件，广泛用于移动端H5和小程序开发。