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 - 缩进彩虹线
相关推荐
leeggco几秒前
AI数字人可视化图表设计文档
前端
我是天龙_绍2 分钟前
仿一下微信的截图标注功能
前端
_AaronWong8 分钟前
前端工程化:基于Node.js的自动化版本管理与发布说明生成工具
前端·javascript·node.js
Healer91834 分钟前
纯css实现高度0-auto动画过度interpolate-size 和 height: calc-size(auto,size)
前端
智慧源点35 分钟前
解决 Vite + React 项目部署 GitHub Pages 的完整指南:从 404 到成功部署
前端·react.js·github
葡萄城技术团队36 分钟前
浏览器端音视频处理新选择:Mediabunny 让 Web 媒体开发飞起来
前端·音视频·媒体
FogLetter39 分钟前
深入浅出 JavaScript 闭包:从背包理论到实战应用
前端·javascript
前端大卫1 小时前
表单与上传组件校验
前端·javascript·vue.js
伊织code1 小时前
Cap‘n Web - JavaScript原生RPC系统
前端·javascript·rpc
周尛先森2 小时前
匠心管控 package.json:让前端依赖告别臃肿与混乱
前端