Awesome Wheels
这里是笔者使用过的在开发体验、周边生态、覆盖场景等方面至少有一项强于其他同类框架,可以用于生产环境的轮子合集,如果你想从零开始创建一个前端项目,可以从这里找到所有你想要的。
备注:所有的轮子携带的链接统一为 git 仓库链接,优先级:github > gitee > coding.
只收集觉得好用的,不喜欢的不包括,如 angular
前端框架及其生态
- React - 用于构建用户界面的 JavaScript 库
- MaterialUI - Material Design 风格的 React UI库
- Ant Design - 一套企业级 UI 设计语言和 React 组件库
- Ant Design Mobile - Ant Design 的移动端版本
- React Use - React Hooks 集合
- ahooks - 一套高质量可靠的 React Hooks 库
- Vue - 渐进式 JavaScript 框架
- Element Plus - 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库
- Vant - 轻量、可靠的移动端 Vue 组件库
- Varlet - 基于 Vue3 开发的 Material 风格移动端组件库
- NutUI - 京东风格的轻量级移动端 Vue2、Vue3 组件库(支持多端小程序开发)
- Svelte - Cybernetically enhanced web apps
- Taro - 开放式跨端跨框架解决方案
- Taro Hooks - 为 Taro 而设计的 Hooks Library
- Taroify - 移动端组件库 Vant 的 Taro 版本
- UniApp - 一个使用 Vue.js 开发所有前端应用的框架
- PIUI - 基于uniapp的高质量UI开源组件库
- SolidJS - 一个声明式、高效且灵活用于构建用户界面的 JavaScript 库
- Remax - 使用真正的 React 构建跨平台小程序
- QianKun - 可能是你见过最完善的微前端解决方案
- Flutter - Google 推出并开源的移动应用开发框架,主打跨平台、高保真、高性能
Web 框架
- Express - 基于 Node.js 平台,快速、开放、极简的 Web 开发框架
- Koa - 基于 Node.js 平台的下一代 web 开发框架
- Fastify - 快速并且低开销的 web 框架,专为 Node.js 平台量身打造
- Egg.js - 为企业级框架和应用而生
- Next.js - 用于生产环境的 React 框架
- Nuxt.js - 基于 Vue.js 的通用应用框架
- Nest.js - 用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架
- Remix - 全栈 web 框架
工具
开发工具
构建工具
- Webpack - 一个用于现代 JavaScript 应用程序的 静态模块打包工具
- Rollup - 一个 JavaScript 模块打包器
- Vite - 下一代前端开发与构建工具
- ESBuld - 极速 JavaScript 打包工具
- Rspack - 基于 Rust 的高性能 Web 构建工具
依赖管理
提效工具
- NVM - Node.js 版本管理工具
- NRM - NPM 源切换工具
- NPKill - 列出你的系统中所有 node_modules 及其体积,并可选择性清除的工具
- QNM - 类似于
npm list
功能但体验更好的命令行工具 - NCU - 查找 package.json 中所有依赖的最新版本
开发调试
编码规范
- ESLint - 发现并修复 JavaScript 代码中的问题
- Prettier - 一个“有态度”的代码格式化工具
- StyleLint - 一个强大的,现代的代码检查工具,可以帮助您避免错误并在您的样式中强制执行约定
- MarkdownLint - 一个 Node.js 风格的 Markdown/CommonMark 文件检查和校验工具
- CommitLint - Git 提交规范检查工具
- SonarJS - JavaScript/TypeScript 静态代码分析工具
命令行工具
- Chalk - 终端字符串样式美化工具
模版生成工具
- Handlerbars.js - 轻量的语义化模板
API管理
- YAPI - 高效、易用、功能强大的API管理平台
图表/可视化
- AntV/F2 - 开箱即用的移动端可视化解决方案
- Mermaid - 一个基于 Javascript 的图表绘制工具
- LuckySheet - 一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源
单元测试
UI自动化
- PlayWright - 一个可以自动化操作 Chromium, Firefox 和 WebKit 的 node 库
文档工具
- Docsify - 一个神奇的文档网站生成器
- VuePress - 一个极简的 Vue 驱动的静态网站生成器
- Docusaurus - 基于 React 帮助您在极短时间内搭建优美的文档网站
- Dumi - 为组件开发场景而生的文档工具
- Rspress - 基于 Rspack 的静态站点生成器
Git
- Husky - Git Hooks 工具
前端智能化
- Picasso - Sketch设计稿智能解析平台