geecg-uniapp 源码下载运行修改端口号修改tabBar 修改展示数据（1）

本文主要是介绍geecg-uniapp 源码下载运行修改端口号修改tabBar 修改展示数据（1），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

APP体验： http://jeecg.com/appIndex
技术官网： http://www.jeecg.com
安装文档：快速开始 · JeecgBoot 开发文档 · 看云
视频教程：零基础入门视频
官方支持： http://jeecg.com/doc/help

一，下载安装

源码下载

jeecg-uniapp: JEECG BOOT APP 移动解决方案，采用uniapp框架，一份代码多终端适配，同时支持APP、小程序、H5！实现了与JeecgBoot平台完美对接的移动解决方案！目前已经实现登录、用户信息、通讯录、公告、移动首页、九宫格等基础功能。 (gitee.com)https://gitee.com/jeecg/jeecg-uniapp?_from=gitee_search

运行指令拉去代码后运行指令也可以参考上边的安装文档

拉取项目代码
git clone https://gitee.com/jeecg/ant-design-vue-jeecg
cd ant-design-vue-jeecg安装node.js
# 出现相应npm版本即可
npm -v
# 出现相应node版本即可
node -v安装yarn
# 全局安装yarn
npm i -g yarn
# 验证
yarn -v # 出现对应版本号即代表安装成功切换到ant-design-vue-jeecg文件夹下
# 下载依赖
yarn install# 启动
yarn run serve# 编译项目
yarn run build

二，修改端口

端口报错

（1）要是没有env 需要创建一个替换成后端接口

（2）因为他封装了先找到http请求位置一级一级找然后进行接口修改都改完运行即可

接口地址配置   .env.developmentNODE_ENV=development
VUE_APP_API_BASE_URL=http://localhost:8080/jeecg-boot

三，修改tabBar

（1）在geecg-uniapp中底部导航是在index封装的所以我们需要先进行注销

（2）我们打开pages.json 添加底部导航

"tabBar": {"list": [{"iconPath": "/static/shouye.png","selectedIconPath": "/static/shouye_1.png","pagePath": "pages/home/home","text": "首页"},{"iconPath": "/static/tongxunlu_1.png","selectedIconPath": "/static/tongxunlu.png","pagePath": "pages/annotation/annotationList","text": "通讯录"},{"iconPath": "/static/31wode.png","selectedIconPath": "/static/my.png","pagePath": "pages/user/people","text": "我的"}]},