Vue开发常用

Vue开发常用库

核心生态系统：

• Vue Router - 官方路由管理器，处理单页应用的页面跳转
• Pinia - 新一代状态管理库，替代Vuex
• Vuex - 传统状态管理库（逐渐被Pinia替代）

UI组件库：

• Element Plus - 基于Vue 3的桌面端组件库
• Ant Design Vue - Ant Design的Vue版本
• Quasar - 全平台Vue框架，支持SPA、PWA、移动端
• Vuetify - Material Design风格的组件库
• Naive UI - 轻量级Vue 3组件库

开发工具：

• Vite - 快速构建工具，Vue 3官方推荐
• Vue CLI - Vue 2时代的脚手架工具
• Nuxt.js - Vue的服务端渲染框架

实用库：

• VueUse - Vue组合式API工具集
• Vue-i18n - 国际化解决方案
• @vueuse/core - 常用组合式函数集合

VSCode常用扩展包

Vue开发必备：

• Vetur - Vue 2开发支持（语法高亮、智能提示）
• Volar - Vue 3官方扩展，替代Vetur
• Vue 3 Snippets - Vue 3代码片段

通用开发：

• Auto Rename Tag - 自动重命名HTML标签
• Bracket Pair Colorizer - 括号配对着色
• Live Server - 本地开发服务器
• Prettier - 代码格式化
• ESLint - 代码检查和规范

提升效率：

• Auto Import - 自动导入模块
• Path Intellisense - 路径智能提示
• GitLens - Git增强工具
• Thunder Client - API测试工具
• Chinese Language Pack - 中文语言包

主题美化：

• One Dark Pro - 热门深色主题
• Material Icon Theme - 文件图标主题
• Indent Rainbow - 缩进彩虹线