前端开发常用库

组件库

桌面端

• Element Plus：基于 Vue 3，面向设计师和开发者的组件库

  • 官网：Element Plus
  • GitHub：Element Plus

• Ant Design Vue：基于 Vue 3，Ant Design 的 Vue 实现

  • 官网：Ant Design Vue
  • GitHub：Ant Design Vue

• Naive UI：一个 Vue 3 组件库，比较完整，主题可调，使用 TypeScript，快，有点意思

  • 官网：Naive UI
  • GitHub：Naive UI

移动端

• Vant：轻量、可定制的移动端 Vue 组件库
  • 官网：Vant
  • GitHub：Vant
• TDesign Mobile：腾讯开源的移动端 Vue 组件库
  • 官网：TDesign Mobile
  • GitHub：TDesign Mobile

uni-app

• Wot Design Uni：高颜值、轻量化的 uni-app 组件库，基于 Vue3+TS 开发，提供 70+高质量组件，支持暗黑模式、国际化和自定义主题
  • 官网：Wot Design Uni
  • GitHub：Wot Design Uni

时间日期库

• Day.js：一个轻量级的 JavaScript 时间日期库，用于解析、验证、操作和显示日期和时间
  • 官网：Day.js
  • GitHub：Day.js

可视化图表库

• ECharts：一个基于 JavaScript 的开源可视化图表库
  • 官网：ECharts
  • GitHub：ECharts

网络请求库

• Axios：Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js
  • 官网：Axios
  • GitHub：Axios

富文本编辑器

• Quill：一个开源的富文本编辑器，支持自定义样式和扩展
  • 官网：Quill
  • GitHub：Quill

代码编辑器

• Monaco Editor：Monaco Editor 是 Visual Studio Code 的代码编辑器，支持多种编程语言和
  • 官网：Monaco Editor
  • GitHub：Monaco Editor

Vue 组合式工具

• VueUse：VueUse 是一个基于 Vue 3 的组合式工具库，提供了一组常用的 Vue 组合式 API
  • 官网：VueUse
  • 中文文档：VueUse 中文文档
  • GitHub：VueUse

路由

• Vue Router：Vue Router 是 Vue.js 官方的路由管理器，用于构建单页面应用
  • 官网：Vue Router
  • GitHub：Vue Router

状态管理

• Pinia：Pinia 是 Vue.js 的状态管理库，用于管理应用的状态
  • 官网：Pinia
  • GitHub：Pinia

图形编辑、绘图

• LeaferJS：一款好用的 Canvas 渲染引擎，革新的体验，高效绘图、UI 交互、图形编辑

  • 官网：LeaferJs
  • GitHub：LeaferJs

• Three.js：一个基于 WebGL 的 3D 图形库，用于创建和操作 3D 图形

  • 官网：Three.js
  • GitHub：Three.js