若依ts版本(vue3+element plus+ts)

本文介绍了基于若依的前后端分离项目,从Vue3和TypeScript版本迁移,后端针对V3.8.7进行更新,新增activiti7工作流和ElementPlus图标。详细功能包括工作台、系统管理、监控、工具和流程管理,以及Gitee上的项目地址。
摘要由CSDN通过智能技术生成

1、项目简介

本项目参考若依前后端分离版,前端由[若依vue3]改写为ts版本[ruoyi-web-vue3-ts],后端对[若依V3.8.7]进行了修改[后端版本分支vue3.ts.3.8.7],具体文档参见[若依官方文档]。本项目对部分代码做了优化,增加了activiti7工作流,icon使用了elementPLus icon,菜单对应icon需要重新配置,欢迎大家交流学习。

项目gitee地址:https://gitee.com/huanglgln/ruoyi-web-vue3-ts

2、功能说明

工作台:我的流程、我的代办、我的已办  
系统管理:用户管理、角色管理、菜单管理、部门管理、岗位管理、字典管理、参数设置、通知公告、日志管理  
系统监控:在线用户、定时任务、数据监控、服务监控、缓存监控、缓存列表  
系统工具:表单构建、代码生成、系统接口、文件预览  
流程管理:模型定义、流程部署、请假流程  

3、页面展示

要配置一个使用 TypeScriptVue 3 和 Element Plus 的 Vue 项目,你可以按照以下步骤进行操作: 1. 首先,确保你已经安装了最新版本Vue CLI。如果没有安装,可以运行以下命令进行全局安装: ``` npm install -g @vue/cli ``` 2. 创建一个新的 Vue 项目,使用以下命令: ``` vue create my-project ``` 接下来,你会被要求选择预设配置。选择 "Manually select features"(手动选择特性)并按回车键。 3. 在特性列表中,使用方向键选择 "TypeScript" 并按空格键进行选择。然后按回车键继续。 4. 在下一个屏幕上,使用方向键选择 "Vue 3" 并按空格键进行选择。然后按回车键继续。 5. 在下一个屏幕上,按下方向键将光标移动到 "Babel" 上,并按空格键进行选择。 6. 继续按下方向键将光标移动到 "Linter / Formatter" 上,并按空格键进行选择。 7. 在下一个屏幕上,你可以选择你喜欢的配置文件格式。你可以根据自己的喜好进行选择,然后按回车键继续。 8. 选择 "In dedicated config files"(在独立的配置文件中)并按回车键继续。 9. 这时,Vue CLI 将会安装所需的依赖并创建一个包含 TypeScriptVue 3 的项目。 10. 当安装完成后,进入项目目录: ``` cd my-project ``` 11. 安装 Element Plus 依赖: ``` npm install element-plus ``` 12. 现在,你可以在 Vue 项目中使用 TypeScriptElement Plus 来开发了。 希望这能帮助到你开始配置一个 TypeScriptVue 3 和 Element Plus 的项目!
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值