jeecg-jeecg-boot-master整合VUE前端需配合redis
第一步:安装 node.js首先给出几个文档便于查看:http://jeecg-boot.mydoc.io/?t=345682http://www.jeecg.org/forum.php?mod=viewthread&tid=8087&extra=page%3D11、下载安装包Node.js 官方网站下载:https://nodejs.org/en/选择操作...
第一步:安装 node.js
首先给出几个文档便于查看:
http://jeecg-boot.mydoc.io/?t=345682
http://www.jeecg.org/forum.php?mod=viewthread&tid=8087&extra=page%3D1
1、下载安装包
Node.js 官方网站下载:https://nodejs.org/en/
选择操作系统对应的包:
下载完成,安装包如下:
安装成功,文件夹结构如下,并在上面安装过程中已自动配置了环境变量和安装好了npm包,此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号:
2、配置npm在安装全局模块时的路径和缓存cache的路径(以下蓝色字体 可以默认C盘不用管)
因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,如下图所示:
所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,然后在cmd命令下执行如下两个命令:
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”, 值为“D:\Program Files\nodejs\node_modules”,如下图:
最后编辑用户变量里的Path,将相应npm的路径改为:D:\Program Files\nodejs\node_global,如下:
更改前:
更改后:
配置完成。
3、测试
在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效:
webpack 也已安装成功,执行 npm webpack -v 可以看到所安装webpack的版本号:
第二步:
在github上 下载 对应的代码 https://gitee.com/jeecg/jeecg-boot.git 下面有详细教程
第三步:下载redis
链接:https://pan.baidu.com/s/19_aOTGmOA5TVA_LoIshczg
提取码:t1j1
复制这段内容后打开百度网盘手机App,操作更方便哦
下载完解压之间在当前目录下 启动(黑窗口不要关闭)
第四部下载:VCcode vus启动工具
链接:https://pan.baidu.com/s/1-n81JHEWPMUwqHxD-xR2yg
提取码:sp16
复制这段内容后打开百度网盘手机App,操作更方便哦
1.把在github上下载的项目导入导VCcode中
2.再此位置 输入指令启动vue 代码
npm install
指令二:npm run dev 如果失败 请输入 npm run serve
启动成功
如果此指令报错:请输入:进行尝试 因为有些版本没有dev
npm rebuild node-sass
npm install webpack --save-dev
现在:
redis准备完成 vue 启动成功 接下来 用idea启动项目
就刚才gitHub下载的项目 用idea跑起来:在准备mysql 把项目中的sql脚本在mysql中执行sql脚本创建数据库表
项目导入成功之后记得修改数据库配置连接 jeecg-boot是我mysql创建的库可以自行创建或者修改对应的名称
然后在启动idea项目把项目跑起来
点击以上连接可能会找不到页面因为是后台,我们需要去刚才启动的vue项目中
通过 http://localhost:3000 访问项目即可进入系统,默认账号密码: admin 123456 或者 jeecg 123456
注:如果要修改端口8080 为别的端口 需要修改三个地方 一个是idea项目中
更多推荐
所有评论(0)