github在线编程
文章目录
- github在线编程
- 两种区别
- 演示项目 Ruoyi-Vue
- GitHub Codespaces 演示
- github 访问项目
- 使用 GitHubCodeSpace 打开该项目
- 查看运行环境
- 安装运行环境
- 初始化myql数据
- 安装 redis
- 运行前端
- 运行后端
- 前后端运行成功测试
- 安装相关插件
- GitPod 演示
说明:
目前总结 github 开箱即用的集成环境 , 有 2 种方式比较好用
- GitPod
- GitHub Codespaces
两种区别
参考网址:
https://devpress.csdn.net/cloudnative/62fb6d967e6682346618e9f0.html
演示项目 Ruoyi-Vue
项目 github 地址
https://github.com/yangzongzhuan/RuoYi-Vue
项目文档地址:
http://doc.ruoyi.vip/
运行环境
- jdk1.8
- maven
- mysql
- redis
- node
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
