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 - 缩进彩虹线
相关推荐
xdl25994 分钟前
CSS flex 布局中没有 justify-items
前端·css
百撕可乐4 分钟前
WenDoraAi官网NextJS实战04:HTTP 请求封装与SSR
前端·网络·网络协议·react.js·http
Sestid6 分钟前
前端AI编程使用技巧(后续会更新cursor和claude code for vscode)
前端·vscode·ai编程·claude·cursor
freeWayWalker9 分钟前
Vue通用缩放容器
前端·javascript·vue.js
Hello--_--World17 分钟前
VUE:逻辑复用
前端·javascript·vue.js
陶甜也34 分钟前
3D智慧城市:blender建模、骨骼、动画、VUE、threeJs引入渲染,飞行视角,涟漪、人物行走
前端·3d·vue·blender·threejs·模型
患得患失94939 分钟前
【前端websocket】企业级功能清单
前端·websocket·网络协议
落魄江湖行39 分钟前
基础篇四 Nuxt4 全局样式与 CSS 模块
前端·css·typescript·nuxt4
禅思院40 分钟前
前端性能优化:从"术"到"道"的完整修炼指南
前端·架构·前端框架