侧边栏壁纸
博主头像
零点诗人的博客博主等级

金猴奋起千钧棒,玉宇澄清万里埃。

  • 累计撰写 8 篇文章
  • 累计创建 18 个标签
  • 累计收到 4 条评论

目 录CONTENT

文章目录

若依项目环境配置指南

零点诗人
2024-04-30 / 0 评论 / 1 点赞 / 45 阅读 / 10574 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2024-05-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

一、GIT

Git 是一个开源分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目,进行代码管理、同步。

1. 下载

Git - Downloads (git-scm.com)

  • 点击上方链接进入官网,点击Download for Windows
image-20240417183712451
  • 点击64-bit Git for Windows Setup

    image-20240417183821312

2. 安装

  • 双击下载好的exe安装包。

    image-20240417184107923image-20240417184212293
  • 创建桌面快捷方式、将Git Bash添加至Windows Terminal 可以考虑勾选

  • 将VSC设置为默认编辑器,注意:没有Insider!

    image-20240417185443250

  • 之后的选项使用默认,一路next。

3. 配置

  • 在[Gitee](工作台 - Gitee.com)上创建一个账号,记下账户名和邮箱。

  • 使用 WIN+R快捷键打开运行窗口,输入wt,打开Windows Terminal

  • 在命令行窗口中输入以下两条命令,邮箱和账户名替换为你自己的

    git config --global user.name 账户名
    git config --global user.email 邮箱
    
  • 生成ssh验证密钥,在cmd输入以下命令后按三次回车,邮箱替换成你的邮箱

    ssh-keygen -t ed25519 -C 邮箱
    
  • 在文件资源管理器(此电脑)的地址栏中输入 %USERPROFILE%\.ssh,回车,找到id_ed25519.pub,使用记事本或者VScode打开,复制其中内容。

  • 点击gitee右上角头像,找到用户设置,打开ssh公钥一栏。

    image-20240417192247421

    起一个标题,如MyLaptop,将刚才复制到内容粘贴进公钥一栏,点击确定。

  • (可能需要等待一段时间)在cmd中输入以下命令测试是否添加成功。

    ssh -T git@gitee.com
    

    如出现下图所示,输入yes,按下回车后出现 Hi!...内容即为配置成功。

    QQ截图20240417183345-1714405967313-34-1714406001010-90.png

4. 克隆项目至本地

  • 打开项目地址

    git:[@gitee/y_project/RuoYi-Vue]
  • 点击克隆/下载按钮,选择ssh选项卡,复制第二条git clone命令

  • 创建一个用于存放项目代码的文件夹,进入文件夹后,点击鼠标右键,选择在终端中打开,将代码粘贴进去按下回车,等待代码下载完成。image-20240417224714968

git 后续使用在项目实践中熟悉。

二、运行后端项目

1. 安装Maven

  • 安装JDK

    jdk21、jdk17、jdk8在各项开发中都需使用相应,本项目使用jdk21。

    下载Java Downloads | Oracle 中国,选择x64 MSI Installer

    image-20240417225237733

    双击msi文件安装。

    命令行中输入 java --version测试是否安装成功

    image-20240417225542993

  • 安装maven

    下载maven

    Maven – Download Apache Maven,选择Binary zip archive apache-macen-3.9.6-bin.zip下载。

    image-20240417225748961

    将该zip压缩包解压至以全英文、无空格目录,并复制路径;不建议放在c盘或者桌面

    image-20240417230025412

    在任务栏搜索环境变量,在系统变量中新建变量名MAVEN_HOME的变量,变量值为刚才复制的路径。

    编辑Path变量,在Path中新建,填写 %MAVEN_HOME%\bin

    以此点击确定,关闭系统变量窗口。

    在终端中输入 mvn -v测试是否安装成功

    image-20240417231031214

2. 配置maven镜像源

  • 打开maven安装目录下的conf文件夹,用VScode打开settings.xml文件。

  • 先在maven安装目录同级新建一个文件夹可取名为 maven_repository,在settings.xml文件的第52行左右,更改maven库存储目录为刚才新建的文件夹。

    注意:将 localRepository标签移除注释!

    image-20240417231713675

  • 在settings.xml文件的第166行左右,选中默认的mirror标签,注释掉,新增以下mirror

    注意:应放置在mirros结束标签前!

    <mirror>
        <id>aliyunmaven</id>
        <mirrorOf>*</mirrorOf>
        <name>阿里云公共仓库</name>
        <url>https://maven.aliyun.com/repository/public</url>
    </mirror>
    

    image-20240417231936580

  • 保存settings.xml文件的修改,关闭。

3. 初始化 Redis

  • 下载

    git:[@github/tporadowski/redis]

    选择Redis-x64-5.0.14.1.msi

    image-20240418123912742

  • 安装,使用默认设置即可,一路next

4. 启动后端程序

  • 用idea专业版打开之前克隆的项目文件,打开idea设置

    image-20240418161406270
  • 构建、执行、部署下的maven设置中,更改maven主路径为上方安装路径。用户设置文件为安装路径下 config\settings.xml 文件,本地仓库为上方设置过的路径。(如默认设置不同勾选右方重写,再选择相应文件)

    点击确定保存设置。

    image-20240418161649228

  • 点击idea右侧maven图标,点击刷新按钮,等待idea下载解析完成依赖包。

    image-20240418162501202

  • 点击绿色图标启动后端服务image-20240418162625139

  • 控制台中显示以下内容即为启动成功。

    (♥◠‿◠)ノ゙  若依启动成功   ლ(´ڡ`ლ)゙  
     .-------.       ____     __  
     |  _ _   \      \   \   /  /  
     | ( ' )  |       \  _. /  '   
     |(_ o _) /        _( )_ .'   
     | (_,_).' __  ___(_ o _)'  
     |  |\ \  |  ||   |(_,_)'   
     |  | \ `'   /|   `-'  /   
     |  |  \    /  \      /   
     ''-'   `'-'    `-..-'   
    

三、运行前端项目

1. 安装node.js

  • 下载安装包下载 | Node.js 中文网 (nodejs.cn)

    选择18.20.0版本64位msi安装包

    image-20240417195843191
  • 使用默认设置,一路next,安装完成后,在命令窗口中输入 node -v查看node.js版本,测试是否安装成功。

image-20240417201123686

2. 配置npm

安装node.js时,自带了包管理器npm,我们将通过npm安装前端依赖包。

本环节中最好使用管理员权限的powershell,打开windows中的后,点击上方下拉箭头,按住Ctrl点击powershell以管理员权限打开。

image-20240417211808825

  • 设置npm镜像源

    在命令行中输入 npm -v查看npm版本,测试npm是否正常安装。

    在命令行中输入以下代码,更换npm软件源。

    npm config set registry https://registry.npmmirror.com
    
    image-20240417202651324

    出现以上信息即为安装成功。Warn为正常情况。

    如出现以下报错,在命令行中输入 Set-ExecutionPolicy -ExecutionPolicy RemoteSigned,回车

    image-20240417210834989

3. 启动前端程序

  • 在vscode中打开项目路径下 ruoyi-ui文件夹(有vue.config.js配置文件的一级文件夹内),新建终端

image-20240418163721093

或者进入文件夹后右键点击在终端中打开

  • 在终端中以下命令安装依赖包

    npm install
    
    image-20240417212336982
  • 启动项目

    npm run dev
    
    image-20240417212611716

成功启动,访问以上任意一个网址打开网页。

1

评论区