本章节介绍ruoyi的uniapp程序本地开发，uniapp可以打包成app，小程序，h5等

1、开发环境安装（Hbuild）

安装*载下**地址：https://www.dcloud.io/hbuilderx.html

注意：

最好*载下**“zip”版，不要*载下**“exe” 版,因为“zip”版是免安装的。

2、ruoyi-app*载下**

*载下**地址：https://gitee.com/y_project/RuoYi-App?_from=gitee_search

3、导入项目

点击文件-导入-项目

4、ruoyi-app运行

4.1修改配置文件

1、修改请求后台接口地址，文件路径是config目录下面的environment.js

2、development.baseURL这个参数测试环境的后端api接口。production.baseURL这个参数是生产环境的后端api接口

const environment = {
	// 开发环境配置
	development: {
		// 本地部署的后端
		// baseURL: 'http://192.168.20.64:8680',
		// baseURL: 'http://192.168.3.8:8680',
		baseURL: 'http://localhost:8680'

		// 直接使用线上后端
		// baseURL: 'http://vue.ruoyi.vip/prod-api'
	},
	// 生产环境配置
	production: {
		baseURL: 'http://192.168.3.8:8680',
	}
}

上述端口对应java后端的server端口，具体java配置如下图

4.2 运行

选择运行-》运行到浏览器-〉选择浏览器

如下图是浏览器打开的展示页面

未来计划

1、ruoyi非分离版本拆解

2、ruoyi-vue-pro：讲解工作流

3、ruoyi-vue-pro：支付模块，电商模块

4、基于ruoyi-vue-pro项目开发

5、JEECG低代码开发平台

请关注我，本星球会持续推出更多的开源项目代码解析，如有更好的意见请留言回复或者私信。