Rerain

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 的自动化工具。