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 - 缩进彩虹线
相关推荐
大模型码小白6 分钟前
数据可视化:AI 生成 HTML5 动态交互式数据图表
前端·数据库·人工智能·深度学习·机器学习·信息可视化·html5
八荒启·交互动画7 分钟前
Web特效01—什么是渲染
前端·javascript·网页特效·八荒启-交互动画
小肥君11 分钟前
前端测试websocket
前端·websocket·状态模式
南京兴帝文化传媒有限公司32 分钟前
基于地图平台的本地商户信息优化:药店夜间服务标注与客户转化实操
前端·javascript·数据库·人工智能·geo 优化·geo优化避坑·ai搜索获客
八荒启·交互动画32 分钟前
Web特效04——GPUvs CPU,为什么图形计算要交给GPU,什么是“并行计算”
前端
呃呃呃呃ex1 小时前
2026年古法编程的末法时代,如何评估自己完成迅速转行
前端·后端
南京兴帝文化传媒有限公司1 小时前
地图SEO与AI搜索优化结合实践:宁国摄影工作室本地获客案例分析
大数据·前端·人工智能·geo 优化·geo优化避坑
用户921080262861 小时前
前端 Vue 专栏 07:模板编译、虚拟 DOM、Diff 与 key
前端
八荒启_交互动画1 小时前
Web特效03——像素VS顶点:图形处理的的两种基本单位
javascript
光影少年1 小时前
react navite process.nextTick 和 Promise.then 的执行顺序
前端·react native·react.js