EL-ADMIN快速运行

前言

还是继续我的简历职位管理项目，前面说到已经确定了使用eladmin来进行后续开发，这篇介绍eladmin如何先运行起来。
开发工具方面，后台我使用的是sts4(Spring Tool Suit)，当然用idea也没问题，个人习惯； 前端开发工具我选择了HBuilderX，原因是平时要结束uniapp开发，就不频繁更换工具了，其实WebStorm也非常好用。

环境准备

1、JDK，建议1.8
参考教程：https://blog.csdn.net/m0_58095675/article/details/124570261
2、Redis
参考教程：https://blog.csdn.net/m0_58095675/article/details/124520823
3、MySQL 5.7
参考教程：https://blog.csdn.net/m0_58095675/article/details/124568661
4、Node
参考教程：https://blog.csdn.net/m0_58095675/article/details/124569393

特殊处理

前端npm镜像换成下面的，能加快速度

npm config set registry https://registry.npm.taobao.org

验证是否成功方式

npm config get registry

做前端的基本上都遇到过安装 node-sass 失败的情况，处理方式也比较一直，mac和linux下给~/.npmrc添加内容，window下给C:\Users[你的账户名称].npmrc添加内容。最下面一行加上：

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

后端开发工具

使用的工具是STS4，版本其实都差不多，本篇使用的版本信息为

Spring Tool Suite 4 

Version: 4.6.2.RELEASE
Build Id: 202005250833

如果没有安装 lombok 插件，这个需要先安装好，作用就是省略get和set方法。先从官网（https://projectlombok.org/download）下载安装包，拷贝到sts相应目录下，这个目录建议位置为：

windows系统：sts(eclipse)安装目录下，和 sts.ini 文件平级
mac系统：sts显示包内容，进入到  Contents/Eclipse : 将jar包拷入该目录中

在上一级目录下选中Eclipse右键 - 新建位于文件夹位置的终端窗口，输入命令 java -jar lombok.jar

运行后会弹出安装窗口，左下角更换安装路径为SpringToolSuite4.ini 并选中后安装（如果是windows，选择的文件可能不同）

打开SpringToolSuite4.ini 文档发现最后一行多出来这个表示安装成功：

-javaagent:/Applications/SpringToolSuite4.app/Contents/Eclipse/lombok.jar

安装完成后重启sts即可。

后端项目导入

先从终端下载项目：

git clone https://gitee.com/elunez/eladmin.git

打开sts后，选择File -> Import -> Maven -> Exits Maven Projects，选择前面clone的项目，即可导入eladmin完整项目。

数据库导入和项目启动

在测试的数据库创建eladmin数据库，然后从导入的项目中eladmin的sql文件夹中找到eladmin.sql，在数据库中执行sql语句，完成数据的初始化。

数据导入后，需要修改后端的数据库连接，位于eladmin-system项目的config下application-dev.yml中。

然后启动redis，该步骤必须执行。

完成数据连接修改后，打开eladmin-system下的AppRun.java，右击，Run As – Spring Boot App，然后静观控制台启动成功提示。

前端项目导入

HBuilderX直接导入项目，选择从Git，地址为https://gitee.com/elunez/eladmin-web.git（也可以先下载到本地，然后导入 git clone https://gitee.com/elunez/eladmin-web.git）

项目导入成功后，需要先安装依赖，可以从HBuilderX底部打开对应项目终端，然后输入

npm install

安装完成后，点击菜单中的运行->运行到浏览器->chrome，然后项目会自动构建，完成后浏览器会打开对应页面。
该步骤执行时需确保后端代码正在正常运行。