vue生态都有哪些?

B站影视 内地电影 2025-10-06 18:49 1

摘要:分类名称作用说明核心框架Vue 3(vue)渐进式 JavaScript 框架,支持响应式组件开发路由vue Router官方路由系统,用于单页应用导航状态管理Pinia(取代 Vuex)官方推荐的状态管理库,更轻量、更现代⚙️ 构建工具Vite新一代前端构建

分类名称作用说明 核心框架Vue 3 (vue)渐进式 JavaScript 框架,支持响应式组件开发路由vue Router官方路由系统,用于单页应用导航 状态管理Pinia(取代 Vuex)官方推荐的状态管理库,更轻量、更现代⚙️ 构建工具Vite新一代前端构建工具,取代 webpack,官方推荐开发环境插件Vue Devtools浏览器调试插件,查看组件树、响应式状态等分类常用库功能说明 路由增强vue-Router + vue-router-nextVue 3 官方路由库 状态增强pinia-plugin-persistedstatePinia 状态持久化(存 localStorage) 样式工具Tailwind CSS、UnoCSS、WindiCSS原子化 CSS 框架 组件库Element Plus、Naive UI、Ant Design Vue、Vuetify、Varlet主流 UI 库(支持 Vue 3) 图表ECharts、v-charts、Chart.js、vue3-apexcharts可视化展示️ 地图vue3-amap、vue-baidu-map-3x地图组件封装 网络请求Axios、Fetch API、Vue Query异步数据获取分类工具功能 构建Vite、WebpackVue 3 官方推荐使用 Vite 脚手架create-vue、Vite + npm init vite@latest快速初始化项目 测试Vitest、Jest、Cypress、Playwright单元测试 + 端到端测试 类型支持TypeScriptVue 3 对 TS 原生支持更好 Lint 工具ESLint + Prettier代码规范与自动格式化 构建优化unplugin 系列(unplugin-auto-import、unplugin-vue-components)自动导入与组件按需加载框架特点Nuxt 3Vue 3 + Vite 的全栈 SSR 框架(相当于 Vue 的 Next.js)Vike(原 Vite-SSR)轻量级 SSR 框架UI 库说明Element Plus最流行的 Vue 3 UI 组件库Naive UI极简 + 可定制,开发体验优Ant Design VueAnt Design 官方 Vue 版本Vuetify 3Material Design 风格Varlet移动端 Vue 3 组件库TDesign Vue Next腾讯 TDesign 的 Vue 3 实现工具功能VueUse组合式 API 工具集,几乎是 Vue 3 必装库Vue I18n多语言国际化支持Vue Meta / useHead动态管理 标签unplugin-auto-import自动导入 Vue APIunplugin-vue-components自动按需导入组件vite-plugin-pages自动生成路由vite-plugin-vue-layouts自动布局系统工具说明Nuxt 3官方级全栈框架,支持 SSR / SSG / APIVitePressVue 驱动的静态文档生成器(官方出品)VuePress 2Vue 3 驱动的博客文档框架Netlify / Vercel常用部署平台框架说明Uni-app基于 Vue 的跨端框架(微信小程序、H5、App)Taro + Vue3多端小程序开发框架Quasar可构建桌面端、移动端、Web 的全平台框架工具说明Vue Flow / LogicFlow可视化流程图框架LowCodeEngine(阿里)低代码引擎,支持 VueVue 3 核心├─ Router(vue-router)├─ State(Pinia)├─ Build(Vite)├─ UI(Element Plus / Naive UI / Ant Design Vue)├─ SSR(Nuxt 3)├─ Hooks(VueUse)├─ 工具(Volar / Vue Devtools / ESLint)├─ 构建增强(unplugin 系列)├─ 国际化(Vue I18n)├─ 测试(Vitest / Cypress)└─ 跨端(Uni-app / Quasar / Taro)

来源:小项科技view

相关推荐