尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

vue3 与 element-plus

vue3 与 element-plus
📅 发布时间:2026/6/20 5:19:11
Vue,Vite

>> 安装 vue/cli 脚手架

  最新牍的cli脚本架为 5.0.9 版本, 

  image

  在高版本的 Node 中安装脚手架时,会提示 版本不匹配; 

  主要适配 8~22版本的Node,  另外 Vue Cli 已进入维护模式,官方推荐新项目使用 vite 构建工具

  image

  >> 切换到 22.18.0 版本重新安装 Vue/cli 不会出现上面的提示;

使用 Vite 创建项目

  >>  直接创建,会提示要求安装依赖

  image

  >> 若已经安装过 create-vite,则会直接进入创建过程;(若未提供项目名,第1步是项目名,若提供了,则直接进入模板选择)

  image

  >> 选择好模板后,开始选择开发语言

  image

  >> 配置模块功能

  image

    -> 关于状态管理:Pinia, 同功能另外的一依赖是:Vuex, 可详细了解一下    

‌技术选型建议‌‌优先选择Pinia的场景‌:Vue 3新项目,尤其是中大型应用;需要灵活模块化或团队协作开发;TypeScript项目或追求开发效率。‌‌‌继续使用Vuex的场景‌:维护基于Vue 2的现有项目;需要严格的状态变更规范(如大型团队约束)。‌‌‌性能与生态适配‌‌性能‌:两者在运行时性能上差异微小,但Pinia的轻量化设计(体积减少约40%)更适合现代前端构建。‌‌‌生态支持‌:Pinia已全面集成Vue DevTools,且Vue核心团队明确表示未来生态特性将优先适配Pinia。‌‌

 

  >> 项目创建完成

  image

 

 

 

 

 

 

  

  

 

相关新闻

  • 第二周作业
  • 代码随想录算法训练营第一天| 704.二分查找、27.移除元素、977.有序数组的平方
  • 强制横屏 ios

最新新闻

  • 深入解析S12XDBG硬件调试模块:从比较器、状态机到复杂断点实战
  • 从环境变量到密码安全:Aero处理敏感配置的完整方案
  • CANN/ge获取HCCL跟随流数量
  • RxJavaSample高级技巧:10个实用方法解决回调地狱和复杂异步问题
  • 终极指南:快速解决跨平台中文显示不一致的PingFangSC字体配置方案
  • MiniCPM-V 4.6端侧部署实战:RTX 4070上稳定运行多模态推理

日新闻

  • 信任的进化:技术实现详解——如何用JavaScript构建博弈论模拟器
  • Terrakube自定义工作流:如何集成OPA、Infracost等工具扩展IaC能力
  • grunt-concurrent快速入门:5分钟学会并行运行Grunt任务

周新闻

  • 3步解锁iOS设备:applera1n激活锁绕过完全指南
  • 39 2026 人工智能证书终极盘点,普通人选 AI 证书可以从这些方向入手
  • Redis 暴露公网有多危险?从端口检查到补救步骤

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号