Developer Toolbox
精选开发工具与技术资源,一站式发现更高效的工作方式
编译构建
Webpack
用于现代 JavaScript 应用程序的静态模块打包工具
Vite
下一代前端开发与构建工具
Parcel
零配置打包工具
Rollup
新一代 JavaScript 模块打包器
Babel
一个编译工具,让你可以项目中直接使用下一代 JavaScript
CSS
Less
Less 是 CSS 预处理语言,使 CSS 更易维护和扩展
Sass
Sass 是 CSS 的一个扩展,它使 CSS 的使用起来更加优雅和强大。
PostCss
通过 JavaScript 来转换 CSS,并且提供强大的插件系统
Stylus
富有表现力、动态、健壮的 CSS
前端框架
Angular
应用程序设计框架和开发平台,用于创建高效且复杂的单页应用程序
React
构建用户界面的 JavaScript 库
Vue
渐进式 JavaScript 框架
Solid
用于构建声明式、高效且灵活 UI 界面的 JavaScript 库。
Sevlte
将声明性组件转换为精准高效更新 DOM 的 JavaScript 代码。
Preact
3kb 大小的 React 轻量、快速替代方案,拥有相同的现代 API。 Preact 在 DOM 之上提供了最薄的虚拟 DOM 抽象,在提供稳定的平台特性和注册事件处理程序的同时还确保与其他库无缝兼容。 Preact 无需转译即可在浏览器中直接使用。
Vue
Vue 2
渐进式 JavaScript 框架,旧版vue,已于2023年12月31日停止维护
Nuxt.js
基于 Vue.js 的服务端渲染
Vue Router v4
Vue 3 官方路由
VueUse
VueUse 是基于 组合式 API 的实用函数集合。
Vuex
Vue 官方状态管理工具
Pinia
符合直觉的 Vue.js 状态管理库
Vue 组件库
Element ui
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
Element Plus
基于 Vue 3,面向设计师和开发者的组件库
Naive ui
一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,快有点意思
Acro design
智能设计体系,连接轻盈体验,字节跳动出品的企业级设计系统,适用Vue
Vant
轻量、可定制的移动端 Vue 组件库
uView 3.0
适用uniapp开发的组件库,同时支持 Vue3.0 和 Vue2.0
React
Next.js
React 零配置一站式解决方案
React-Router
React 导航组件
Redux
React 状态管理
Redux Toolkit
Redux Toolkit是 Redux 官方强烈推荐,开箱即用的一个高效的 Redux 开发工具集。
Mobx
简单,可扩展的状态管理
React 组件库
Ant Design
助力设计开发者「更灵活」地搭建出「更美」的产品,让用户「快乐工作」~
Vant
性能极佳的高质量组件库,覆盖移动端主流场景 Vant是有赞前端团队开源的移动端组件库,于 2017 年开源。
Zent
Zent ( \ˈzent\ ) 是有赞 PC 端 WebUI 规范的 React 实现,提供了一整套基础的 UI 组件以及一些常用的业务组件。
Acro design
智能设计体系,适用于React
Node.js
Nodejs
基于 V8 引擎的 JavaScript 运行环境
Express
快速极简的 Web 框架
Koa
新一代的 Web 后台极简框架,由Express原班人马编写
Egg
egg 是阿里出品的一款 node.js 后端 web 框架,基于 koa 封装,并做了一些约定。
Nest.js
渐进式 Node.js 框架,构建高效、可靠和可扩展的 server 应用程序
ThinkJS
能够使用完整 ES6/7 特性进行开发的 Node.js 应用程序
包管理工具
npm
npm 是 JavaScript package 管理工具,在这里可以找到可复用代码,并以强大的全新方式进行聚合
Yarn
快速、可靠和安全的依赖管理
Deno
Deno 是一个 JavaScript/TypeScript 的运行时
Bun
Bun 是一个适用于 JavaScript 和 TypeScript 应用程序的一体化工具包。它以名为 bun 的单个可执行文件形式发布。 其核心是 Bun 运行时,这是一个快速 JavaScript 运行时,旨在作为 Node.js 的直接替代品。它使用 Zig 编写,并由底层的 JavaScriptCore 提供支持,从而显著减少启动时间和内存使用量。
npm taobao mirror
淘宝提供的 npmjs.org 镜像
ORM框架
TypeORM
TypeORM 是一个ORM框架,它可以运行在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native、Expo 和 Electron 平台上,可以与 TypeScript 和 JavaScript (ES5,ES6,ES7,ES8)一起使用。
Prisma
Prisma ORM 是一款下一代 Node.js 和 TypeScript ORM,它凭借其直观的 数据模型、自动迁移、类型安全和自动完成,为数据库开发带来了全新的开发体验。
Sequelize
Sequelize 是适用于 Oracle、Postgres、MySQL、MariaDB、SQLite 和 SQL Server 等的现代 TypeScript 和 Node.js ORM。 具有可靠的事务支持、关系、预先和延迟加载、读取复制等。
小程序
uni-app
框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。
Taro
Taro 是一套遵循 React 语法规范的 多端开发 解决方案。
微信小程序
原生微信小程序开发,开发语言与vue较像
Vant weapp
轻量、可靠的小程序 UI 组件库
代码检查
EsLint
可组装的、用于 JavaScript 和 JSX 的代码检查工具
OxLint
Oxlint 是一个基于 Rust 的前端代码检查工具
语言文档和规范
MDN
提供 Web 技术文档,学习 Web 开发的最佳实践
CSS
CSS 规范说明
W3school
在 W3School,你可以找到你所需要的所有的网站建设教程。 从基础的 HTML 到 CSS,乃至进阶的 XML、SQL、JS、PHP 和 ASP.NE
ECMAScript
ECMAScript 标准
Typescript
TypeScript 是带有类型语法的 JavaScript
GraphQL
一种用于 API 的查询语言
Rust
一门帮助每个人构建可靠且高效软件能力的语言
OpenAPI
OpenAPI 规范为 RESTful API 定义了一个与语言无关的标准接口
可视化工具
ECharts
使用 JavaScript 实现的开源可视化库
v-charts
基于 Vue 和 ECharts 封装的图表组件
SpriteJS
跨平台的轻量级 2D 渲染对象模型
Three.js
JavaScript 3d 库
测试工具
Mock.Js
生成随机数据,拦截 Ajax 请求
Sinon.JS
用于对 JavaScript 隔离测试 spy, stub 和 mock。适用于任何单元测试框架
Jest
Jest 是一个令人愉快的 JavaScript 测试框架,专注于 简洁明快。
原子化CSS与样式系统
Tailwind CSS
通过组合工具类快速构建界面的实用优先 CSS 框架。
UnoCSS
即时生成、按需使用并支持高度定制的原子化 CSS 引擎。
Panda CSS
在构建阶段生成类型安全样式、设计令牌和原子化 CSS 的引擎。
StyleX
Meta 开源的可扩展、可组合且编译期优化的 CSS-in-JS 系统。
vanilla-extract
使用 TypeScript 编写并在构建时生成零运行时 CSS 的样式方案。
前端测试自动化
Vitest
由 Vite 驱动、兼容 Jest API 的现代单元测试框架。
Playwright
支持 Chromium、Firefox 和 WebKit 的跨浏览器端到端测试框架。
Cypress
面向现代 Web 应用的端到端与组件测试工具。
Testing Library
以用户行为为中心测试 UI 组件的一组轻量工具。
Storybook
隔离开发、测试和展示 UI 组件的前端工作台。
数据请求与状态管理
TanStack Query
为异步服务端数据提供获取、缓存、同步和更新能力。
Zustand
基于 Hook、API 简洁且可扩展的 React 状态管理库。
Jotai
以原子为基本单位、适用于 React 的轻量状态管理库。
SWR
由 Vercel 提供的 React 数据请求、缓存和重新验证工具。
XState
使用状态机和状态图建模、编排复杂应用逻辑的工具。
全栈与内容框架
Astro
面向内容网站、支持群岛架构和多 UI 框架集成的 Web 框架。
SvelteKit
使用 Svelte 构建全栈 Web 应用的官方应用框架。
Docusaurus
由 Meta 开源、基于 React 的文档和内容网站生成器。
VitePress
由 Vite 和 Vue 驱动的静态站点与技术文档生成器。
Qwik
强调可恢复性和细粒度延迟加载的高性能 Web 框架。
工程化与性能
pnpm
快速、节省磁盘空间并原生支持工作区的 JavaScript 包管理器。
Biome
集格式化、代码检查和辅助工具于一体的高性能 Web 工具链。
Prettier
支持多种语言、强调一致输出的代码格式化工具。
Turborepo
针对 JavaScript 和 TypeScript 代码仓库优化的高性能构建系统。
Lighthouse
审计网页性能、可访问性、最佳实践和 SEO 的自动化工具。