TienChin 运行 RuoYi-Vue3

合集 - TienChin(49)

1.TienChin 开篇-运行 RuoYiVue2023-06-112.TienChin 代码格式化-项目结构大改造2023-06-153.TienChin 项目改造完善&项目结构分析2023-06-224.TienChin 验证码响应结果分析&验证码生成接口分析2023-06-22

5.TienChin 运行 RuoYi-Vue32023-08-12

6.TienChin-系统功能介绍2023-07-177.TienChin 新建业务菜单2023-08-128.TienChin 创建菜单页面2023-08-159.TienChin 引入 MyBatisPlus2023-08-1510.TienChin 渠道管理-表创建2023-08-1911.TienChin 渠道管理-渠道类型2023-08-2012.TienChin 渠道管理-工程创建2023-08-2213.TienChin 渠道管理-查看渠道接口2023-08-2914.TienChin 渠道管理-前端展示渠道信息2023-09-1715.TienChin 渠道管理-配置字典常量2023-09-1716.TienChin 渠道管理-字典原理分析2023-09-1717.TienChin 渠道管理-权限分配2023-09-1718.TienChin 渠道管理-添加渠道2023-09-1719.TienChin 渠道管理-配置校验失败信息2023-09-1720.TienChin 渠道管理-添加渠道页面开发2023-09-1721.TienChin 渠道管理-更新渠道接口开发2023-09-1722.TienChin 渠道管理-删除渠道2023-09-1723.TienChin 渠道管理-渠道搜索2023-09-1724.TienChin 渠道管理-渠道导出2023-09-1725.TienChin 渠道管理-渠道导入2023-09-1726.TienChin 渠道管理-渠道页面完善2023-09-1727.TienChin 活动管理-准备工作2023-09-1728.TienChin 活动管理-工程创建2023-09-2229.TienChin 活动管理-活动列表展示2023-09-2230.TienChin 活动管理-活动状态完善2023-09-2231.TienChin 活动管理-添加活动页面2023-09-2232.TienChin 活动管理-添加活动接口2023-09-2233.TienChin 活动管理-设置活动的默认状态2023-09-2334.TienChin 活动管理-完成添加活动2023-09-2235.TienChin 活动管理-修改活动接口2023-09-2236.TienChin 活动管理-修改活动2023-09-2237.TienChin 活动管理-删除活动2023-09-2238.TienChin 活动管理-搜索活动2023-09-2339.TienChin 活动管理-活动导出2023-09-2340.TienChin-课程管理-数据表创建2023-09-2341.TienChin-课程管理-创建工程2023-09-2342.TienChin-课程管理-配置课程字典2023-09-2343.TienChin-课程管理-展示课程列表2023-09-2444.TienChin-课程管理-添加课程接口2023-09-2445.TienChin-课程管理-添加课程页面2023-09-2446.TienChin-课程管理-课程更新接口2023-09-2447.TienChin-课程管理-删除课程2023-09-2448.TienChin-课程管理-课程搜索2023-09-2549.TienChin-课程管理-课程导出2023-09-25

收起

在前几篇文章当中，之前使用的是 Vue2，在某一天发现若依提供了 Vue3 的版本，所以这篇文章主要是运行起来，Vue2，迟早要被替代，所以这里采用最先进的 Vue3。

仓库地址：https://github.com/yangzongzhuan/RuoYi-Vue3/tree/v3.8.3

!> 注意点：以下相关的环境，需要按照如下指定的版本，否则会出现问题。运行不起来。

• NodeJS 版本 >= 14

# 克隆项目
git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git

# 进入项目目录
cd RuoYi-Vue3

# 安装依赖
yarn --registry=https://registry.npmmirror.com

# 启动服务
yarn dev

# 构建测试环境 yarn build:stage
# 构建生产环境 yarn build:prod
# 前端访问地址 http://localhost:80

安装 yarn

npm install -g yarn

重复的事情博主这里不做，所以在我之前的 Vue2 版本已经改造过一次前端所以这里再去参考前者即可。

文档链接：https://www.cnblogs.com/BNTang/p/17484266.html

如下图这一步不需要进行：

若依后台管理系统 替换为 tienchin健身后台管理系统：