当前位置: 首页 > news >正文

vue3 与 element-plus

>> 安装 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

 

 

 

 

 

 

  

  

 

http://www.rkmt.cn/news/3066.html

相关文章:

  • 第二周作业
  • 代码随想录算法训练营第一天| 704.二分查找、27.移除元素、977.有序数组的平方
  • 强制横屏 ios
  • 张量链式法则(下篇):揭秘Transpose、Summation等复杂算子反向传播,彻底掌握深度学习求导精髓!
  • 美客分销商城小程序系统介绍
  • C++ - STL - 静态数组array
  • C++ - STL - 集合set(元素具有排他性)
  • 批量删除所有 LXC 容器以及用户名
  • C++ - STL - 动态数组vector(矢量)
  • mt_12
  • 完整教程:【QT】-怎么实现瀑布图
  • 【初赛】二叉树性质和遍历 - Slayer
  • 详细解析苹果iOS应用上架到App Store的完整步骤与指南
  • 如何使用 OCR 提取扫描件 PDF 的文本(Python 实现) - E
  • WeakMap 应用场景与示例
  • 使用 conda 懒加载的方式减少 PowerShell 的启动时间
  • 深入 Spring MVC 底层:从 DispatcherServlet 到自定义组件的全链路解析 - 实践
  • podman 替代docker
  • m1芯片装windows系统使用感受
  • 硬件内在函数
  • 202205_宁波市赛_DocDocDoc
  • DP题
  • Android(Kotlin)+ ML Kit:移动端英文数字验证码识别实战
  • “人工智能+”的坚硬内核,边缘地带的“数字火种”:大模型如何烧出一片新天地
  • PHP启动报错:liboing.so.5:cannot op如何处理?
  • 时空倒流 Time - 题解
  • Voice Agent 全球开发者比赛,TEN Dev Challenge 2025 等你来战!
  • 第九届交通工程与运输系统国际学术会议(ICTETS 2025)
  • 小红书开源 FireRedTTS-2;全栈开源应用+嵌入式+电路设计:BUDDIE AI 语音交互方案丨日报
  • 设计模式-外观模式 - MaC