# Bee ERP Web

**Repository Path**: beeerpcn/bee-erpweb

## Basic Information

- **Project Name**: Bee ERP Web
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-02-07
- **Last Updated**: 2024-04-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Bee ERP Web

#### 介绍
{****}

#### 软件架构
软件架构说明

#### 安装教程

1.  安装插件
安装ESLint 插件（在vscode 的extensions里面搜索）
安装Prettier - Code formatter 插件
安装Stylelint 插件
如果不需要 保存的时候格式化文件 修改setting.json 文件里  "editor.formatOnSave": false  
安装 UnoCSS 插件
2.  项目启动
win + x 打开终端管理员（以管理员的身份打开powershell）执行 set-executionpolicy remotesigned
 
cd vue3-element-admin

# 安装 pnpm (node >=16.0.0 )
npm install pnpm -g

# 安装依赖
pnpm install

# 启动运行
pnpm run dev

3.  项目部署
# 项目打包
pnpm run build:prod

# 上传文件至远程服务器
将打包生成在 `dist` 目录下的文件拷贝至 `/usr/share/nginx/html` 目录

# nginx.cofig 配置
server {
	listen     80;
	server_name  localhost;
	location / {
			root /usr/share/nginx/html;
			index index.html index.htm;
	}
	# 反向代理配置
	location /prod-api/ {
			proxy_pass http://vapi.youlai.tech/; # vapi.youlai.tech替换成你的后端API地址
	}
}


#### 使用说明

1.  faq
要支持mock, 修改 .env.development 的 VITE_APP_API_URL 值为 http://localhost:3000

本地接口：
默认使用线上接口，你可以通过以下步骤完成本地接口环境搭建：https://gitee.com/youlaiorg/youlai-boot
获取基于 Java 、SpringBoot 开发的后端 youlai-boot 源码 
根据后端工程说明文档 README.md 完成本地启动;
替换 .env.development 的代理目标地址 VITE_APP_API_URL 值为 http://localhost:8989

搭建过程参考：
https://blog.csdn.net/u013737132/article/details/130191394

引用爆红：
如果发现项目组件，函数 的引用爆红，重启vsCode

2.  开发指南
参考工程模块-计划员管理 来添加类似的文件
添加VO对象文件 src/api/eng/engplanner/types.ts  
添加调用后台接口文件 src/api/eng/engplanner/index.ts  
添加页面文件 src/view/eng/engplanner/index.vue
后台接口参考后台工程的Readme.txt

chrome  安装vue-devtools:
  git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git
  修改shells\chrome\mainifest.json 中的 persistant为true, 和 build 都改成 src
  执行命令 npm i
  执行安装命令 npm run build

  扩展程序-->管理扩展程序 选项， 勾选“开发者模式”
  点击 加载已解压的扩展程序，选择vue-devtools\shells\chrome, 点击确认
  浏览器打开vue项目，点击F12，选择“vue”，即可使用了。
  vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试

Edge  安装vue-devtools:
打开扩展--开发者模式 打开Vue.js vue-devtools, 打开 允许访问文件URL

3.  提交代码
注释要用这种模板：feat(api): 添加计划模块    这个是由husky规范规定的格式

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request

#### Gitee Feature

1.  使用 Readme_XXX.md 来支持不同的语言，例如 Readme_en.md, Readme_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)