github在线编程
文章目录
github在线编程两种区别演示项目 Ruoyi-VueGitHub Codespaces 演示github 访问项目使用 GitHubCodeSpace 打开该项目查看运行环境安装运行环境初始化myql数据安装 redis运行前端运行后端前后端运行成功测试安装相关插件
GitPod 演示
说明:
目前总结 github 开箱即用的集成环境 , 有 2 种方式比较好用
GitPodGitHub Codespaces
两种区别
参考网址:
https://devpress.csdn.net/cloudnative/62fb6d967e6682346618e9f0.html
演示项目 Ruoyi-Vue
项目 github 地址
https://github.com/yangzongzhuan/RuoYi-Vue
项目文档地址:
http://doc.ruoyi.vip/
运行环境
jdk1.8mavenmysqlredisnode
GitHub Codespaces 演示
github 访问项目
使用 GitHubCodeSpace 打开该项目
初始化在线编程环境 , 如下图所示
查看运行环境
maven node jdk (jdk版本默认是17 , 切换到 jdk1.8) mysql (初始化没有, 使用docker安装) redis (初始化没有, 使用docker安装)
安装运行环境
修改 jdk 版本为 jdk1.8
参考网址:
https://cloud.tencent.com/developer/article/1551638
使用 sdkman 管理 jdk 版本
查看可以安装的 jdk 版本
sdk list java
安装 jdk1.8
sdk install java 8.0.352-amzn
到此 切换 jdk 1.8 成功
初始化myql数据
初始化 mysql 的数据
mysql 脚本 在 sql 目录下
初始化两个脚本即可
使用 docker 安装 mysql
docker run --name some-mysql -e MYSQL_ROOT_PASSWORD=root -d mysql:5.7
测试运行 mysql
导入sql 脚本
拷贝脚本 到 mysql 容器中 some-mysql
docker cp sql some-mysql:/root/
容器内部查看 sql 脚本已经复制到 /root/sql 目录下
创建数据库
说明:
修改数据库名称 ry-vue 改为 ry_vue , 在命令行的情况下 , 使用 ry-vue名称创建会报错 ;
使用 source 命令导入对应数据
安装 redis
docker run -p 6379:6379 --name redis \
-v /mydata/redis/data:/data \
-d redis:5 redis-server --appendonly yes \
--requirepass "root"
运行前端
安装依赖
# 进入前端目录
cd ruoyi-ui
# 安装依赖
npm install --registry=https://registry.npmmirror.com
运行项目
npm run dev
安装失败 , 因为 node 版本太高 , 我们切换到 低版本的 node
使用 nvm 安装 node 12
# 列出 node 版本
nvm list
# 安装 node 12
nvm install 12.22.12
安装完成
查看 node 和 npm 版本
node -v
npm -v
重新安装依赖和运行项目
运行成功
打开前端页面
运行后端
修改配置
logback.xml
application.yml
修改 reids 连接信息
application-druid.yml
修改 mysql 连接信息
安装依赖
mvn clean package
运行项目
java -jar ruoyi-admin/target/ruoyi-admin.jar
运行中…
后端运行成功
前后端运行成功测试
后端
前端
访问
登录界面
登录成功
安装相关插件
中途安装了一些插件
如下图所示
到此 Ruoyi-Vue 项目搭建安装完成
GitPod 演示
其余通 GitHubCodeSpace , 打开方式不一样
https:// 后面加上 gitpod.io#
其余步骤 GithubCodeSpaces
推荐文章
发表评论