开发环境准备
前置说明
环境依赖
公共：
node: v14.19.3 +
yarn: v1.22.17 +
前端：
vite: v2.9.9
server:
mysql: v5.7+ （数据字段需要支持json类型；数据库、表、字段 字符集最好都设置为：utf8mb4 和 utf8mb4_bin）
redis: v5.0+
H5DS开发环境项目
为了统一开发环境以及方便整个项目的构建打包，我们专门整理了一个开发环境项目，用以搭建统一标准的项目开发目录以及开发测试流程。当然这么做也简化了客户自己搭建项目的步骤。
开发环境项目准备
# 拉取开发环境项目
$ git clone https://gitlab.h5ds.com/h5ds/h5ds/v7/dev-env.git h5ds
$ cd h5ds
# 拉取前后端项目源码(当然也可以进入workspace手动拉取前后端源码)
$ ./init.sh
开发环境整体目录如下：
h5ds
|- .vscode vscode项目配置，可以直接通过F5 debug模式启动server
|- build 镜像构建所需配置文件目录
|- nginx 镜像内nginx配置文件目录
|- config 运行镜像容器时所需配置文件目录，运行时通过-v 挂载到容器中
- .env.example 样板server配置文件，使用时需要复制为.env并配置其中的值
- h5ds.conf 容器内的项目nginx配置样板
|- data 运行时项目数据挂载目录（上传的数据、log等）
|- workspace 项目源码目录，放置前后端的项目代码
|- h5ds-server server项目源码
|- h5ds-web 前端项目源码
- Dockerfile dockerfile（将 打包好的前端资源+server源码+nginx 一起构建到一个镜像中）
- README.md 使用文档
开发工具（VSCode）
这里推荐使用vscode,确实好用，我们本地开发也使用它。
环境项目以及前后端源码准备好之后，就可以用vscode直接打开h5ds目录，用一个窗口管理开发整个项目。
至此就可以正式进入开发环节了,具体前后端开发说明请参考：